#7ab7f4

Hexadecimal Color Code

軽い青紫系の色

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

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

[L*a*b*] L*:72.58 a*:-3.16 b*:-36.33

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

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

[OKLCH] L:76.2% C:0.109 H:249.4

[Display-P3] R:0.5313 G:0.7113 B:0.9364

[コントラスト比] Aa 白 2.11:1 ×　Aa 黒 9.90: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
明度 #80bfff H:210 S:50 B:100 #73ace6 H:210 S:50 B:90 #6699cc H:210 S:50 B:80 #5986b3 H:210 S:50 B:70 #4d7399 H:210 S:50 B:60 #406080 H:210 S:50 B:50 #334d66 H:210 S:50 B:40 #26394d H:210 S:50 B:30 #1a2633 H:210 S:50 B:20 #0d131a H:210 S:50 B:10 #000000 H:210 S:50 B:0
彩度 #007af5 H:210 S:100 B:96 #1887f5 H:210 S:90 B:96 #3193f5 H:210 S:80 B:96 #499ff5 H:210 S:70 B:96 #62abf5 H:210 S:60 B:96 #7ab8f5 H:210 S:50 B:96 #93c4f5 H:210 S:40 B:96 #abd0f5 H:210 S:30 B:96 #c4dcf5 H:210 S:20 B:96 #dce9f5 H:210 S:10 B:96 #f5f5f5 H:210 S:0 B:96
補色 #f57a7a H:0 S:50 B:96 #f5b87a H:30 S:50 B:96 #f5f57a H:60 S:50 B:96
類似色 #7af5b8 H:150 S:50 B:96 #7af5d6 H:165 S:50 B:96 #7af5f5 H:180 S:50 B:96 #7ad6f5 H:195 S:50 B:96 #7ab8f5 H:210 S:50 B:96 #7a99f5 H:225 S:50 B:96 #7a7af5 H:240 S:50 B:96 #997af5 H:255 S:50 B:96 #b87af5 H:270 S:50 B:96

#7ab7f4 の配色パターン