#24d7f2

Hexadecimal Color Code

あざやかな青系の色

[RGB] R:36 G:215 B:242

[HSB] H:188 S:85 B:95

[L*a*b*] L*:79.26 a*:-32.66 b*:-25.18

[CMYK] C:63% M:0% Y:15% K:0%

[HSL] H:188 S:89 L:55

[OKLCH] L:80.8% C:0.135 H:211.3

[Display-P3] R:0.4032 G:0.8309 B:0.9348

[コントラスト比] Aa 白 1.73:1 ×　Aa 黒 12.07:1 ◎

色相 #f22424 H:360 S:85 B:95 #f22447 H:350 S:85 B:95 #f22469 H:340 S:85 B:95 #f2248b H:330 S:85 B:95 #f224ae H:320 S:85 B:95 #f224d0 H:310 S:85 B:95 #f224f2 H:300 S:85 B:95 #d024f2 H:290 S:85 B:95 #ae24f2 H:280 S:85 B:95 #8b24f2 H:270 S:85 B:95 #6924f2 H:260 S:85 B:95 #4724f2 H:250 S:85 B:95 #2424f2 H:240 S:85 B:95 #2447f2 H:230 S:85 B:95 #2469f2 H:220 S:85 B:95 #248bf2 H:210 S:85 B:95 #24aef2 H:200 S:85 B:95 #24d0f2 H:190 S:85 B:95 #24f2f2 H:180 S:85 B:95 #24f2d0 H:170 S:85 B:95 #24f2ae H:160 S:85 B:95 #24f28b H:150 S:85 B:95 #24f269 H:140 S:85 B:95 #24f247 H:130 S:85 B:95 #24f224 H:120 S:85 B:95 #47f224 H:110 S:85 B:95 #69f224 H:100 S:85 B:95 #8bf224 H:90 S:85 B:95 #aef224 H:80 S:85 B:95 #d0f224 H:70 S:85 B:95 #f2f224 H:60 S:85 B:95 #f2d024 H:50 S:85 B:95 #f2ae24 H:40 S:85 B:95 #f28b24 H:30 S:85 B:95 #f26924 H:20 S:85 B:95 #f24724 H:10 S:85 B:95 #f22424 H:0 S:85 B:95
明度 #26e2ff H:188 S:85 B:100 #22cbe6 H:188 S:85 B:90 #1fb5cc H:188 S:85 B:80 #1b9eb3 H:188 S:85 B:70 #178899 H:188 S:85 B:60 #137180 H:188 S:85 B:50 #0f5a66 H:188 S:85 B:40 #0b444d H:188 S:85 B:30 #082d33 H:188 S:85 B:20 #04171a H:188 S:85 B:10 #000000 H:188 S:85 B:0
彩度 #00d2f2 H:188 S:100 B:95 #18d5f2 H:188 S:90 B:95 #30d8f2 H:188 S:80 B:95 #49dcf2 H:188 S:70 B:95 #61dff2 H:188 S:60 B:95 #79e2f2 H:188 S:50 B:95 #91e5f2 H:188 S:40 B:95 #aae9f2 H:188 S:30 B:95 #c2ecf2 H:188 S:20 B:95 #daeff2 H:188 S:10 B:95 #f2f2f2 H:188 S:0 B:95
補色 #f22470 H:338 S:85 B:95 #f24024 H:8 S:85 B:95 #f2a724 H:38 S:85 B:95
類似色 #24f240 H:128 S:85 B:95 #24f273 H:143 S:85 B:95 #24f2a7 H:158 S:85 B:95 #24f2da H:173 S:85 B:95 #24d7f2 H:188 S:85 B:95 #24a3f2 H:203 S:85 B:95 #2470f2 H:218 S:85 B:95 #243cf2 H:233 S:85 B:95 #4024f2 H:248 S:85 B:95

#24d7f2 の配色パターン