#0cd2f3

Hexadecimal Color Code

あざやかな青系の色

[RGB] R:12 G:210 B:243

[HSB] H:189 S:95 B:95

[L*a*b*] L*:77.66 a*:-30.99 b*:-28.17

[CMYK] C:65% M:0% Y:13% K:0%

[HSL] H:189 S:91 L:50

[OKLCH] L:79.5% C:0.139 H:214.6

[Display-P3] R:0.3772 G:0.8113 B:0.9371

[コントラスト比] Aa 白 1.82:1 ×　Aa 黒 11.52:1 ◎

色相 #f20c0c H:360 S:95 B:95 #f20c32 H:350 S:95 B:95 #f20c59 H:340 S:95 B:95 #f20c7f H:330 S:95 B:95 #f20ca6 H:320 S:95 B:95 #f20ccc H:310 S:95 B:95 #f20cf2 H:300 S:95 B:95 #cc0cf2 H:290 S:95 B:95 #a60cf2 H:280 S:95 B:95 #7f0cf2 H:270 S:95 B:95 #590cf2 H:260 S:95 B:95 #320cf2 H:250 S:95 B:95 #0c0cf2 H:240 S:95 B:95 #0c32f2 H:230 S:95 B:95 #0c59f2 H:220 S:95 B:95 #0c7ff2 H:210 S:95 B:95 #0ca6f2 H:200 S:95 B:95 #0cccf2 H:190 S:95 B:95 #0cf2f2 H:180 S:95 B:95 #0cf2cc H:170 S:95 B:95 #0cf2a6 H:160 S:95 B:95 #0cf27f H:150 S:95 B:95 #0cf259 H:140 S:95 B:95 #0cf232 H:130 S:95 B:95 #0cf20c H:120 S:95 B:95 #32f20c H:110 S:95 B:95 #59f20c H:100 S:95 B:95 #7ff20c H:90 S:95 B:95 #a6f20c H:80 S:95 B:95 #ccf20c H:70 S:95 B:95 #f2f20c H:60 S:95 B:95 #f2cc0c H:50 S:95 B:95 #f2a60c H:40 S:95 B:95 #f27f0c H:30 S:95 B:95 #f2590c H:20 S:95 B:95 #f2320c H:10 S:95 B:95 #f20c0c H:0 S:95 B:95
明度 #0ddbff H:189 S:95 B:100 #0bc5e6 H:189 S:95 B:90 #0aafcc H:189 S:95 B:80 #0999b3 H:189 S:95 B:70 #088399 H:189 S:95 B:60 #066d80 H:189 S:95 B:50 #055766 H:189 S:95 B:40 #04424d H:189 S:95 B:30 #032c33 H:189 S:95 B:20 #01161a H:189 S:95 B:10 #000000 H:189 S:95 B:0
彩度 #00cef2 H:189 S:100 B:95 #18d2f2 H:189 S:90 B:95 #30d5f2 H:189 S:80 B:95 #49d9f2 H:189 S:70 B:95 #61dcf2 H:189 S:60 B:95 #79e0f2 H:189 S:50 B:95 #91e4f2 H:189 S:40 B:95 #aae7f2 H:189 S:30 B:95 #c2ebf2 H:189 S:20 B:95 #daeff2 H:189 S:10 B:95 #f2f2f2 H:189 S:0 B:95
補色 #f20c5d H:339 S:95 B:95 #f22f0c H:9 S:95 B:95 #f2a20c H:39 S:95 B:95
類似色 #0cf22f H:129 S:95 B:95 #0cf268 H:144 S:95 B:95 #0cf2a2 H:159 S:95 B:95 #0cf2db H:174 S:95 B:95 #0cd0f2 H:189 S:95 B:95 #0c96f2 H:204 S:95 B:95 #0c5df2 H:219 S:95 B:95 #0c23f2 H:234 S:95 B:95 #2f0cf2 H:249 S:95 B:95

#0cd2f3 の配色パターン