#ade8f4

Hexadecimal Color Code

明るい灰みの青系の色

[RGB] R:173 G:232 B:244

[HSB] H:190 S:29 B:96

[L*a*b*] L*:88.5 a*:-15.86 b*:-11.85

[CMYK] C:35% M:0% Y:9% K:0%

[HSL] H:190 S:76 L:82

[OKLCH] L:89.5% C:0.062 H:211.5

[Display-P3] R:0.7267 G:0.9033 B:0.9497

[コントラスト比] Aa 白 1.34:1 ×　Aa 黒 15.62:1 ◎

色相 #f5aeae H:360 S:29 B:96 #f5aeba H:350 S:29 B:96 #f5aec5 H:340 S:29 B:96 #f5aed1 H:330 S:29 B:96 #f5aedd H:320 S:29 B:96 #f5aee9 H:310 S:29 B:96 #f5aef5 H:300 S:29 B:96 #e9aef5 H:290 S:29 B:96 #ddaef5 H:280 S:29 B:96 #d1aef5 H:270 S:29 B:96 #c5aef5 H:260 S:29 B:96 #baaef5 H:250 S:29 B:96 #aeaef5 H:240 S:29 B:96 #aebaf5 H:230 S:29 B:96 #aec5f5 H:220 S:29 B:96 #aed1f5 H:210 S:29 B:96 #aeddf5 H:200 S:29 B:96 #aee9f5 H:190 S:29 B:96 #aef5f5 H:180 S:29 B:96 #aef5e9 H:170 S:29 B:96 #aef5dd H:160 S:29 B:96 #aef5d1 H:150 S:29 B:96 #aef5c5 H:140 S:29 B:96 #aef5ba H:130 S:29 B:96 #aef5ae H:120 S:29 B:96 #baf5ae H:110 S:29 B:96 #c5f5ae H:100 S:29 B:96 #d1f5ae H:90 S:29 B:96 #ddf5ae H:80 S:29 B:96 #e9f5ae H:70 S:29 B:96 #f5f5ae H:60 S:29 B:96 #f5e9ae H:50 S:29 B:96 #f5ddae H:40 S:29 B:96 #f5d1ae H:30 S:29 B:96 #f5c5ae H:20 S:29 B:96 #f5baae H:10 S:29 B:96 #f5aeae H:0 S:29 B:96
明度 #b5f3ff H:190 S:29 B:100 #a3dae6 H:190 S:29 B:90 #91c2cc H:190 S:29 B:80 #7faab3 H:190 S:29 B:70 #6d9299 H:190 S:29 B:60 #5b7980 H:190 S:29 B:50 #486166 H:190 S:29 B:40 #36494d H:190 S:29 B:30 #243133 H:190 S:29 B:20 #12181a H:190 S:29 B:10 #000000 H:190 S:29 B:0
彩度 #00ccf5 H:190 S:100 B:96 #18d0f5 H:190 S:90 B:96 #31d4f5 H:190 S:80 B:96 #49d8f5 H:190 S:70 B:96 #62dcf5 H:190 S:60 B:96 #7ae0f5 H:190 S:50 B:96 #93e4f5 H:190 S:40 B:96 #abe9f5 H:190 S:30 B:96 #c4edf5 H:190 S:20 B:96 #dcf1f5 H:190 S:10 B:96 #f5f5f5 H:190 S:0 B:96
補色 #f5aec5 H:340 S:29 B:96 #f5baae H:10 S:29 B:96 #f5ddae H:40 S:29 B:96
類似色 #aef5ba H:130 S:29 B:96 #aef5cb H:145 S:29 B:96 #aef5dd H:160 S:29 B:96 #aef5ef H:175 S:29 B:96 #aee9f5 H:190 S:29 B:96 #aed7f5 H:205 S:29 B:96 #aec5f5 H:220 S:29 B:96 #aeb4f5 H:235 S:29 B:96 #baaef5 H:250 S:29 B:96

#ade8f4 の配色パターン