#7cd8f7

Hexadecimal Color Code

軽い青系の色

[RGB] R:124 G:216 B:247

[HSB] H:195 S:50 B:97

[L*a*b*] L*:81.89 a*:-19.28 b*:-23.62

[CMYK] C:50% M:0% Y:7% K:0%

[HSL] H:195 S:88 L:73

[OKLCH] L:83.6% C:0.098 H:222

[Display-P3] R:0.5728 G:0.8382 B:0.9547

[コントラスト比] Aa 白 1.61:1 ×　Aa 黒 13.02:1 ◎

色相 #f77c7c H:360 S:50 B:97 #f77c90 H:350 S:50 B:97 #f77ca5 H:340 S:50 B:97 #f77cba H:330 S:50 B:97 #f77cce H:320 S:50 B:97 #f77ce3 H:310 S:50 B:97 #f77cf7 H:300 S:50 B:97 #e37cf7 H:290 S:50 B:97 #ce7cf7 H:280 S:50 B:97 #ba7cf7 H:270 S:50 B:97 #a57cf7 H:260 S:50 B:97 #907cf7 H:250 S:50 B:97 #7c7cf7 H:240 S:50 B:97 #7c90f7 H:230 S:50 B:97 #7ca5f7 H:220 S:50 B:97 #7cbaf7 H:210 S:50 B:97 #7ccef7 H:200 S:50 B:97 #7ce3f7 H:190 S:50 B:97 #7cf7f7 H:180 S:50 B:97 #7cf7e3 H:170 S:50 B:97 #7cf7ce H:160 S:50 B:97 #7cf7ba H:150 S:50 B:97 #7cf7a5 H:140 S:50 B:97 #7cf790 H:130 S:50 B:97 #7cf77c H:120 S:50 B:97 #90f77c H:110 S:50 B:97 #a5f77c H:100 S:50 B:97 #baf77c H:90 S:50 B:97 #cef77c H:80 S:50 B:97 #e3f77c H:70 S:50 B:97 #f7f77c H:60 S:50 B:97 #f7e37c H:50 S:50 B:97 #f7ce7c H:40 S:50 B:97 #f7ba7c H:30 S:50 B:97 #f7a57c H:20 S:50 B:97 #f7907c H:10 S:50 B:97 #f77c7c H:0 S:50 B:97
明度 #80dfff H:195 S:50 B:100 #73c9e6 H:195 S:50 B:90 #66b3cc H:195 S:50 B:80 #599cb3 H:195 S:50 B:70 #4d8699 H:195 S:50 B:60 #407080 H:195 S:50 B:50 #335966 H:195 S:50 B:40 #26434d H:195 S:50 B:30 #1a2d33 H:195 S:50 B:20 #0d161a H:195 S:50 B:10 #000000 H:195 S:50 B:0
彩度 #00baf7 H:195 S:100 B:97 #19c0f7 H:195 S:90 B:97 #31c6f7 H:195 S:80 B:97 #4accf7 H:195 S:70 B:97 #63d2f7 H:195 S:60 B:97 #7cd8f7 H:195 S:50 B:97 #94dff7 H:195 S:40 B:97 #ade5f7 H:195 S:30 B:97 #c6ebf7 H:195 S:20 B:97 #dff1f7 H:195 S:10 B:97 #f7f7f7 H:195 S:0 B:97
補色 #f77c9b H:345 S:50 B:97 #f79b7c H:15 S:50 B:97 #f7d87c H:45 S:50 B:97
類似色 #7cf79b H:135 S:50 B:97 #7cf7ba H:150 S:50 B:97 #7cf7d8 H:165 S:50 B:97 #7cf7f7 H:180 S:50 B:97 #7cd8f7 H:195 S:50 B:97 #7cbaf7 H:210 S:50 B:97 #7c9bf7 H:225 S:50 B:97 #7c7cf7 H:240 S:50 B:97 #9b7cf7 H:255 S:50 B:97

#7cd8f7 の配色パターン