#2da6e2

Hexadecimal Color Code

強い青系の色

[RGB] R:45 G:166 B:226

[HSB] H:200 S:80 B:89

[L*a*b*] L*:64.41 a*:-12.19 b*:-39.42

[CMYK] C:71% M:23% Y:5% K:0%

[HSL] H:200 S:76 L:53

[OKLCH] L:68.8% C:0.134 H:236

[Display-P3] R:0.3305 G:0.6418 B:0.8653

[コントラスト比] Aa 白 2.73:1 ×　Aa 黒 7.66:1 ◎

色相 #e32d2d H:360 S:80 B:89 #e32d4c H:350 S:80 B:89 #e32d6a H:340 S:80 B:89 #e32d88 H:330 S:80 B:89 #e32da6 H:320 S:80 B:89 #e32dc5 H:310 S:80 B:89 #e32de3 H:300 S:80 B:89 #c52de3 H:290 S:80 B:89 #a62de3 H:280 S:80 B:89 #882de3 H:270 S:80 B:89 #6a2de3 H:260 S:80 B:89 #4c2de3 H:250 S:80 B:89 #2d2de3 H:240 S:80 B:89 #2d4ce3 H:230 S:80 B:89 #2d6ae3 H:220 S:80 B:89 #2d88e3 H:210 S:80 B:89 #2da6e3 H:200 S:80 B:89 #2dc5e3 H:190 S:80 B:89 #2de3e3 H:180 S:80 B:89 #2de3c5 H:170 S:80 B:89 #2de3a6 H:160 S:80 B:89 #2de388 H:150 S:80 B:89 #2de36a H:140 S:80 B:89 #2de34c H:130 S:80 B:89 #2de32d H:120 S:80 B:89 #4ce32d H:110 S:80 B:89 #6ae32d H:100 S:80 B:89 #88e32d H:90 S:80 B:89 #a6e32d H:80 S:80 B:89 #c5e32d H:70 S:80 B:89 #e3e32d H:60 S:80 B:89 #e3c52d H:50 S:80 B:89 #e3a62d H:40 S:80 B:89 #e3882d H:30 S:80 B:89 #e36a2d H:20 S:80 B:89 #e34c2d H:10 S:80 B:89 #e32d2d H:0 S:80 B:89
明度 #33bbff H:200 S:80 B:100 #2ea8e6 H:200 S:80 B:90 #2996cc H:200 S:80 B:80 #2483b3 H:200 S:80 B:70 #1f7099 H:200 S:80 B:60 #1a5e80 H:200 S:80 B:50 #144b66 H:200 S:80 B:40 #0f384d H:200 S:80 B:30 #0a2533 H:200 S:80 B:20 #05131a H:200 S:80 B:10 #000000 H:200 S:80 B:0
彩度 #0097e3 H:200 S:100 B:89 #179fe3 H:200 S:90 B:89 #2da6e3 H:200 S:80 B:89 #44aee3 H:200 S:70 B:89 #5bb6e3 H:200 S:60 B:89 #71bde3 H:200 S:50 B:89 #88c5e3 H:200 S:40 B:89 #9fcce3 H:200 S:30 B:89 #b6d4e3 H:200 S:20 B:89 #ccdbe3 H:200 S:10 B:89 #e3e3e3 H:200 S:0 B:89
補色 #e32d4c H:350 S:80 B:89 #e36a2d H:20 S:80 B:89 #e3c52d H:50 S:80 B:89
類似色 #2de36a H:140 S:80 B:89 #2de397 H:155 S:80 B:89 #2de3c5 H:170 S:80 B:89 #2dd4e3 H:185 S:80 B:89 #2da6e3 H:200 S:80 B:89 #2d79e3 H:215 S:80 B:89 #2d4ce3 H:230 S:80 B:89 #3d2de3 H:245 S:80 B:89 #6a2de3 H:260 S:80 B:89

#2da6e2 の配色パターン