#7ab1f5

Hexadecimal Color Code

軽い青紫系の色

[RGB] R:122 G:177 B:245

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

[L*a*b*] L*:70.98 a*:0.44 b*:-39.35

[CMYK] C:54% M:24% Y:0% K:0%

[HSL] H:213 S:86 L:72

[OKLCH] L:74.9% C:0.115 H:254.3

[Display-P3] R:0.5252 G:0.6883 B:0.9389

[コントラスト比] Aa 白 2.22:1 ×　Aa 黒 9.43: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
明度 #80b9ff H:213 S:50 B:100 #73a6e6 H:213 S:50 B:90 #6694cc H:213 S:50 B:80 #5981b3 H:213 S:50 B:70 #4d6f99 H:213 S:50 B:60 #405c80 H:213 S:50 B:50 #334a66 H:213 S:50 B:40 #26374d H:213 S:50 B:30 #1a2533 H:213 S:50 B:20 #0d121a H:213 S:50 B:10 #000000 H:213 S:50 B:0
彩度 #006ef5 H:213 S:100 B:96 #187cf5 H:213 S:90 B:96 #3189f5 H:213 S:80 B:96 #4997f5 H:213 S:70 B:96 #62a4f5 H:213 S:60 B:96 #7ab1f5 H:213 S:50 B:96 #93bff5 H:213 S:40 B:96 #abccf5 H:213 S:30 B:96 #c4daf5 H:213 S:20 B:96 #dce7f5 H:213 S:10 B:96 #f5f5f5 H:213 S:0 B:96
補色 #f5817a H:3 S:50 B:96 #f5be7a H:33 S:50 B:96 #eff57a H:63 S:50 B:96
類似色 #7af5be H:153 S:50 B:96 #7af5dc H:168 S:50 B:96 #7aeff5 H:183 S:50 B:96 #7ad0f5 H:198 S:50 B:96 #7ab1f5 H:213 S:50 B:96 #7a93f5 H:228 S:50 B:96 #817af5 H:243 S:50 B:96 #9f7af5 H:258 S:50 B:96 #be7af5 H:273 S:50 B:96

#7ab1f5 の配色パターン