#a3eef6

Hexadecimal Color Code

明るい灰みの青系の色

[RGB] R:163 G:238 B:246

[HSB] H:186 S:34 B:96

[L*a*b*] L*:89.66 a*:-21.1 b*:-11.22

[CMYK] C:37% M:0% Y:11% K:0%

[HSL] H:186 S:82 L:80

[OKLCH] L:90.3% C:0.075 H:204.4

[Display-P3] R:0.7035 G:0.9255 B:0.9581

[コントラスト比] Aa 白 1.30:1 ×　Aa 黒 16.11:1 ◎

色相 #f5a2a2 H:360 S:34 B:96 #f5a2af H:350 S:34 B:96 #f5a2bd H:340 S:34 B:96 #f5a2cb H:330 S:34 B:96 #f5a2d9 H:320 S:34 B:96 #f5a2e7 H:310 S:34 B:96 #f5a2f5 H:300 S:34 B:96 #e7a2f5 H:290 S:34 B:96 #d9a2f5 H:280 S:34 B:96 #cba2f5 H:270 S:34 B:96 #bda2f5 H:260 S:34 B:96 #afa2f5 H:250 S:34 B:96 #a2a2f5 H:240 S:34 B:96 #a2aff5 H:230 S:34 B:96 #a2bdf5 H:220 S:34 B:96 #a2cbf5 H:210 S:34 B:96 #a2d9f5 H:200 S:34 B:96 #a2e7f5 H:190 S:34 B:96 #a2f5f5 H:180 S:34 B:96 #a2f5e7 H:170 S:34 B:96 #a2f5d9 H:160 S:34 B:96 #a2f5cb H:150 S:34 B:96 #a2f5bd H:140 S:34 B:96 #a2f5af H:130 S:34 B:96 #a2f5a2 H:120 S:34 B:96 #aff5a2 H:110 S:34 B:96 #bdf5a2 H:100 S:34 B:96 #cbf5a2 H:90 S:34 B:96 #d9f5a2 H:80 S:34 B:96 #e7f5a2 H:70 S:34 B:96 #f5f5a2 H:60 S:34 B:96 #f5e7a2 H:50 S:34 B:96 #f5d9a2 H:40 S:34 B:96 #f5cba2 H:30 S:34 B:96 #f5bda2 H:20 S:34 B:96 #f5afa2 H:10 S:34 B:96 #f5a2a2 H:0 S:34 B:96
明度 #a8f6ff H:186 S:34 B:100 #97dee6 H:186 S:34 B:90 #87c5cc H:186 S:34 B:80 #76acb3 H:186 S:34 B:70 #659499 H:186 S:34 B:60 #547b80 H:186 S:34 B:50 #436366 H:186 S:34 B:40 #324a4d H:186 S:34 B:30 #223133 H:186 S:34 B:20 #11191a H:186 S:34 B:10 #000000 H:186 S:34 B:0
彩度 #00dcf5 H:186 S:100 B:96 #18dff5 H:186 S:90 B:96 #31e1f5 H:186 S:80 B:96 #49e4f5 H:186 S:70 B:96 #62e6f5 H:186 S:60 B:96 #7ae9f5 H:186 S:50 B:96 #93ebf5 H:186 S:40 B:96 #abedf5 H:186 S:30 B:96 #c4f0f5 H:186 S:20 B:96 #dcf2f5 H:186 S:10 B:96 #f5f5f5 H:186 S:0 B:96
補色 #f5a2c3 H:336 S:34 B:96 #f5aaa2 H:6 S:34 B:96 #f5d4a2 H:36 S:34 B:96
類似色 #a2f5aa H:126 S:34 B:96 #a2f5bf H:141 S:34 B:96 #a2f5d4 H:156 S:34 B:96 #a2f5e8 H:171 S:34 B:96 #a2ecf5 H:186 S:34 B:96 #a2d8f5 H:201 S:34 B:96 #a2c3f5 H:216 S:34 B:96 #a2aef5 H:231 S:34 B:96 #aaa2f5 H:246 S:34 B:96

#a3eef6 の配色パターン