お気に入り

#5a9ee2

Hexadecimal Color Code

柔らかい青紫系の色

[RGB] R:90 G:158 B:226

[HSB] H:210 S:60 B:89

[Lab] L:63.43 a:-1.34 b:-40.86

[CMYK] C:65% M:31% Y:0% K:0%

[HSL] H:210 S:70 L:62

[OKLCH] L:68.3% C:0.123 H:250.1

[Display-P3] R:0.4166 G:0.613 B:0.8645

[コントラスト比] Aa 白 2.82:1 ×　Aa 黒 7.42:1 ◎

色相 #e35b5b H:360 S:60 B:89 #e35b71 H:350 S:60 B:89 #e35b88 H:340 S:60 B:89 #e35b9f H:330 S:60 B:89 #e35bb6 H:320 S:60 B:89 #e35bcc H:310 S:60 B:89 #e35be3 H:300 S:60 B:89 #cc5be3 H:290 S:60 B:89 #b65be3 H:280 S:60 B:89 #9f5be3 H:270 S:60 B:89 #885be3 H:260 S:60 B:89 #715be3 H:250 S:60 B:89 #5b5be3 H:240 S:60 B:89 #5b71e3 H:230 S:60 B:89 #5b88e3 H:220 S:60 B:89 #5b9fe3 H:210 S:60 B:89 #5bb6e3 H:200 S:60 B:89 #5bcce3 H:190 S:60 B:89 #5be3e3 H:180 S:60 B:89 #5be3cc H:170 S:60 B:89 #5be3b6 H:160 S:60 B:89 #5be39f H:150 S:60 B:89 #5be388 H:140 S:60 B:89 #5be371 H:130 S:60 B:89 #5be35b H:120 S:60 B:89 #71e35b H:110 S:60 B:89 #88e35b H:100 S:60 B:89 #9fe35b H:90 S:60 B:89 #b6e35b H:80 S:60 B:89 #cce35b H:70 S:60 B:89 #e3e35b H:60 S:60 B:89 #e3cc5b H:50 S:60 B:89 #e3b65b H:40 S:60 B:89 #e39f5b H:30 S:60 B:89 #e3885b H:20 S:60 B:89 #e3715b H:10 S:60 B:89 #e35b5b H:0 S:60 B:89

明度 #66b3ff H:210 S:60 B:100 #5ca1e6 H:210 S:60 B:90 #528fcc H:210 S:60 B:80 #477db3 H:210 S:60 B:70 #3d6b99 H:210 S:60 B:60 #335980 H:210 S:60 B:50 #294766 H:210 S:60 B:40 #1f364d H:210 S:60 B:30 #142433 H:210 S:60 B:20 #0a121a H:210 S:60 B:10 #000000 H:210 S:60 B:0

彩度 #0071e3 H:210 S:100 B:89 #177de3 H:210 S:90 B:89 #2d88e3 H:210 S:80 B:89 #4494e3 H:210 S:70 B:89 #5b9fe3 H:210 S:60 B:89 #71aae3 H:210 S:50 B:89 #88b6e3 H:210 S:40 B:89 #9fc1e3 H:210 S:30 B:89 #b6cce3 H:210 S:20 B:89 #ccd8e3 H:210 S:10 B:89 #e3e3e3 H:210 S:0 B:89

補色 #e35b5b H:0 S:60 B:89 #e39f5b H:30 S:60 B:89 #e3e35b H:60 S:60 B:89

類似色 #5be39f H:150 S:60 B:89 #5be3c1 H:165 S:60 B:89 #5be3e3 H:180 S:60 B:89 #5bc1e3 H:195 S:60 B:89 #5b9fe3 H:210 S:60 B:89 #5b7de3 H:225 S:60 B:89 #5b5be3 H:240 S:60 B:89 #7d5be3 H:255 S:60 B:89 #9f5be3 H:270 S:60 B:89

#5a9ee2 の配色パターン