#6ccff1

Hexadecimal Color Code

柔らかい青系の色

[RGB] R:108 G:207 B:241

[HSB] H:195 S:55 B:95

[Lab] L:78.55 a:-19.69 b:-25.57

[CMYK] C:55% M:3% Y:8% K:0%

[HSL] H:195 S:83 L:68

[OKLCH] L:80.7% C:0.104 H:222.9

[Display-P3] R:0.5211 G:0.8026 B:0.9303

[コントラスト比] Aa 白 1.77:1 ×　Aa 黒 11.83:1 ◎

色相 #f26d6d H:360 S:55 B:95 #f26d83 H:350 S:55 B:95 #f26d99 H:340 S:55 B:95 #f26db0 H:330 S:55 B:95 #f26dc6 H:320 S:55 B:95 #f26ddc H:310 S:55 B:95 #f26df2 H:300 S:55 B:95 #dc6df2 H:290 S:55 B:95 #c66df2 H:280 S:55 B:95 #b06df2 H:270 S:55 B:95 #996df2 H:260 S:55 B:95 #836df2 H:250 S:55 B:95 #6d6df2 H:240 S:55 B:95 #6d83f2 H:230 S:55 B:95 #6d99f2 H:220 S:55 B:95 #6db0f2 H:210 S:55 B:95 #6dc6f2 H:200 S:55 B:95 #6ddcf2 H:190 S:55 B:95 #6df2f2 H:180 S:55 B:95 #6df2dc H:170 S:55 B:95 #6df2c6 H:160 S:55 B:95 #6df2b0 H:150 S:55 B:95 #6df299 H:140 S:55 B:95 #6df283 H:130 S:55 B:95 #6df26d H:120 S:55 B:95 #83f26d H:110 S:55 B:95 #99f26d H:100 S:55 B:95 #b0f26d H:90 S:55 B:95 #c6f26d H:80 S:55 B:95 #dcf26d H:70 S:55 B:95 #f2f26d H:60 S:55 B:95 #f2dc6d H:50 S:55 B:95 #f2c66d H:40 S:55 B:95 #f2b06d H:30 S:55 B:95 #f2996d H:20 S:55 B:95 #f2836d H:10 S:55 B:95 #f26d6d H:0 S:55 B:95

明度 #73dcff H:195 S:55 B:100 #67c6e6 H:195 S:55 B:90 #5cb0cc H:195 S:55 B:80 #509ab3 H:195 S:55 B:70 #458499 H:195 S:55 B:60 #396e80 H:195 S:55 B:50 #2e5866 H:195 S:55 B:40 #22424d H:195 S:55 B:30 #172c33 H:195 S:55 B:20 #0b161a H:195 S:55 B:10 #000000 H:195 S:55 B:0

彩度 #00b6f2 H:195 S:100 B:95 #18bcf2 H:195 S:90 B:95 #30c2f2 H:195 S:80 B:95 #49c8f2 H:195 S:70 B:95 #61cef2 H:195 S:60 B:95 #79d4f2 H:195 S:50 B:95 #91daf2 H:195 S:40 B:95 #aae0f2 H:195 S:30 B:95 #c2e6f2 H:195 S:20 B:95 #daecf2 H:195 S:10 B:95 #f2f2f2 H:195 S:0 B:95

補色 #f26d8e H:345 S:55 B:95 #f28e6d H:15 S:55 B:95 #f2d16d H:45 S:55 B:95

類似色 #6df28e H:135 S:55 B:95 #6df2b0 H:150 S:55 B:95 #6df2d1 H:165 S:55 B:95 #6df2f2 H:180 S:55 B:95 #6dd1f2 H:195 S:55 B:95 #6db0f2 H:210 S:55 B:95 #6d8ef2 H:225 S:55 B:95 #6d6df2 H:240 S:55 B:95 #8e6df2 H:255 S:55 B:95

#6ccff1 の配色パターン