#7cd3f6

Hexadecimal Color Code

軽い青系の色

[RGB] R:124 G:211 B:246

[HSB] H:197 S:50 B:96

[L*a*b*] L*:80.47 a*:-17 b*:-25.26

[CMYK] C:51% M:2% Y:5% K:0%

[HSL] H:197 S:87 L:73

[OKLCH] L:82.5% C:0.097 H:226

[Display-P3] R:0.567 G:0.819 B:0.9499

[コントラスト比] Aa 白 1.67:1 ×　Aa 黒 12.50:1 ◎

色相 #f57a7a H:360 S:50 B:96 #f57a8f H:350 S:50 B:96 #f57aa3 H:340 S:50 B:96 #f57ab8 H:330 S:50 B:96 #f57acc H:320 S:50 B:96 #f57ae0 H:310 S:50 B:96 #f57af5 H:300 S:50 B:96 #e07af5 H:290 S:50 B:96 #cc7af5 H:280 S:50 B:96 #b87af5 H:270 S:50 B:96 #a37af5 H:260 S:50 B:96 #8f7af5 H:250 S:50 B:96 #7a7af5 H:240 S:50 B:96 #7a8ff5 H:230 S:50 B:96 #7aa3f5 H:220 S:50 B:96 #7ab8f5 H:210 S:50 B:96 #7accf5 H:200 S:50 B:96 #7ae0f5 H:190 S:50 B:96 #7af5f5 H:180 S:50 B:96 #7af5e0 H:170 S:50 B:96 #7af5cc H:160 S:50 B:96 #7af5b8 H:150 S:50 B:96 #7af5a3 H:140 S:50 B:96 #7af58f H:130 S:50 B:96 #7af57a H:120 S:50 B:96 #8ff57a H:110 S:50 B:96 #a3f57a H:100 S:50 B:96 #b8f57a H:90 S:50 B:96 #ccf57a H:80 S:50 B:96 #e0f57a H:70 S:50 B:96 #f5f57a H:60 S:50 B:96 #f5e07a H:50 S:50 B:96 #f5cc7a H:40 S:50 B:96 #f5b87a H:30 S:50 B:96 #f5a37a H:20 S:50 B:96 #f58f7a H:10 S:50 B:96 #f57a7a H:0 S:50 B:96
明度 #80dbff H:197 S:50 B:100 #73c5e6 H:197 S:50 B:90 #66afcc H:197 S:50 B:80 #5999b3 H:197 S:50 B:70 #4d8399 H:197 S:50 B:60 #406d80 H:197 S:50 B:50 #335866 H:197 S:50 B:40 #26424d H:197 S:50 B:30 #1a2c33 H:197 S:50 B:20 #0d161a H:197 S:50 B:10 #000000 H:197 S:50 B:0
彩度 #00aff5 H:197 S:100 B:96 #18b6f5 H:197 S:90 B:96 #31bdf5 H:197 S:80 B:96 #49c4f5 H:197 S:70 B:96 #62cbf5 H:197 S:60 B:96 #7ad2f5 H:197 S:50 B:96 #93d9f5 H:197 S:40 B:96 #abe0f5 H:197 S:30 B:96 #c4e7f5 H:197 S:20 B:96 #dceef5 H:197 S:10 B:96 #f5f5f5 H:197 S:0 B:96
補色 #f57a95 H:347 S:50 B:96 #f59d7a H:17 S:50 B:96 #f5da7a H:47 S:50 B:96
類似色 #7af59d H:137 S:50 B:96 #7af5bc H:152 S:50 B:96 #7af5da H:167 S:50 B:96 #7af1f5 H:182 S:50 B:96 #7ad2f5 H:197 S:50 B:96 #7ab4f5 H:212 S:50 B:96 #7a95f5 H:227 S:50 B:96 #7e7af5 H:242 S:50 B:96 #9d7af5 H:257 S:50 B:96

#7cd3f6 の配色パターン