#7af4cc

Hexadecimal Color Code

軽い緑系の色

[RGB] R:122 G:244 B:204

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

[L*a*b*] L*:88.54 a*:-43.58 b*:8.83

[CMYK] C:48% M:0% Y:35% K:0%

[HSL] H:160 S:85 L:72

[OKLCH] L:88.6% C:0.125 H:169.6

[Display-P3] R:0.6018 G:0.9458 B:0.8087

[コントラスト比] Aa 白 1.34:1 ×　Aa 黒 15.63: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
明度 #80ffd5 H:160 S:50 B:100 #73e6bf H:160 S:50 B:90 #66ccaa H:160 S:50 B:80 #59b395 H:160 S:50 B:70 #4d9980 H:160 S:50 B:60 #40806a H:160 S:50 B:50 #336655 H:160 S:50 B:40 #264d40 H:160 S:50 B:30 #1a332b H:160 S:50 B:20 #0d1a15 H:160 S:50 B:10 #000000 H:160 S:50 B:0
彩度 #00f5a3 H:160 S:100 B:96 #18f5ab H:160 S:90 B:96 #31f5b4 H:160 S:80 B:96 #49f5bc H:160 S:70 B:96 #62f5c4 H:160 S:60 B:96 #7af5cc H:160 S:50 B:96 #93f5d4 H:160 S:40 B:96 #abf5dc H:160 S:30 B:96 #c4f5e4 H:160 S:20 B:96 #dcf5ed H:160 S:10 B:96 #f5f5f5 H:160 S:0 B:96
補色 #f57ae0 H:310 S:50 B:96 #f57aa3 H:340 S:50 B:96 #f58f7a H:10 S:50 B:96
類似色 #a3f57a H:100 S:50 B:96 #85f57a H:115 S:50 B:96 #7af58f H:130 S:50 B:96 #7af5ad H:145 S:50 B:96 #7af5cc H:160 S:50 B:96 #7af5eb H:175 S:50 B:96 #7ae0f5 H:190 S:50 B:96 #7ac2f5 H:205 S:50 B:96 #7aa3f5 H:220 S:50 B:96

#7af4cc の配色パターン