お気に入り

#5a5ae2

Hexadecimal Color Code

柔らかい青紫系の色

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

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

[Lab] L:45.6 a:39.58 b:-69.38

[CMYK] C:77% M:68% Y:0% K:0%

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

[OKLCH] L:54.7% C:0.201 H:277.4

[Display-P3] R:0.3529 G:0.3529 B:0.8552

[コントラスト比] Aa 白 5.25:1 ○　Aa 黒 3.99: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

明度 #6666ff H:240 S:60 B:100 #5c5ce6 H:240 S:60 B:90 #5252cc H:240 S:60 B:80 #4747b3 H:240 S:60 B:70 #3d3d99 H:240 S:60 B:60 #333380 H:240 S:60 B:50 #292966 H:240 S:60 B:40 #1f1f4d H:240 S:60 B:30 #141433 H:240 S:60 B:20 #0a0a1a H:240 S:60 B:10 #000000 H:240 S:60 B:0

彩度 #0000e3 H:240 S:100 B:89 #1717e3 H:240 S:90 B:89 #2d2de3 H:240 S:80 B:89 #4444e3 H:240 S:70 B:89 #5b5be3 H:240 S:60 B:89 #7171e3 H:240 S:50 B:89 #8888e3 H:240 S:40 B:89 #9f9fe3 H:240 S:30 B:89 #b6b6e3 H:240 S:20 B:89 #cccce3 H:240 S:10 B:89 #e3e3e3 H:240 S:0 B:89

補色 #e39f5b H:30 S:60 B:89 #e3e35b H:60 S:60 B:89 #9fe35b H:90 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 #c15be3 H:285 S:60 B:89 #e35be3 H:300 S:60 B:89

#5a5ae2 の配色パターン