#5b87e5

Hexadecimal Color Code

柔らかい青紫系の色

[RGB] R:91 G:135 B:229

[HSB] H:221 S:60 B:90

[L*a*b*] L*:57.27 a*:13.31 b*:-52.26

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

[HSL] H:221 S:73 L:63

[OKLCH] L:63.6% C:0.15 H:263.8

[Display-P3] R:0.3945 G:0.5248 B:0.8718

[コントラスト比] Aa 白 3.47:1 △　Aa 黒 6.04:1 ○

色相 #e65c5c H:360 S:60 B:90 #e65c73 H:350 S:60 B:90 #e65c8a H:340 S:60 B:90 #e65ca1 H:330 S:60 B:90 #e65cb8 H:320 S:60 B:90 #e65ccf H:310 S:60 B:90 #e65ce6 H:300 S:60 B:90 #cf5ce6 H:290 S:60 B:90 #b85ce6 H:280 S:60 B:90 #a15ce6 H:270 S:60 B:90 #8a5ce6 H:260 S:60 B:90 #735ce6 H:250 S:60 B:90 #5c5ce6 H:240 S:60 B:90 #5c73e6 H:230 S:60 B:90 #5c8ae6 H:220 S:60 B:90 #5ca1e6 H:210 S:60 B:90 #5cb8e6 H:200 S:60 B:90 #5ccfe6 H:190 S:60 B:90 #5ce6e6 H:180 S:60 B:90 #5ce6cf H:170 S:60 B:90 #5ce6b8 H:160 S:60 B:90 #5ce6a1 H:150 S:60 B:90 #5ce68a H:140 S:60 B:90 #5ce673 H:130 S:60 B:90 #5ce65c H:120 S:60 B:90 #73e65c H:110 S:60 B:90 #8ae65c H:100 S:60 B:90 #a1e65c H:90 S:60 B:90 #b8e65c H:80 S:60 B:90 #cfe65c H:70 S:60 B:90 #e6e65c H:60 S:60 B:90 #e6cf5c H:50 S:60 B:90 #e6b85c H:40 S:60 B:90 #e6a15c H:30 S:60 B:90 #e68a5c H:20 S:60 B:90 #e6735c H:10 S:60 B:90 #e65c5c H:0 S:60 B:90
明度 #6696ff H:221 S:60 B:100 #5c87e6 H:221 S:60 B:90 #5278cc H:221 S:60 B:80 #4769b3 H:221 S:60 B:70 #3d5a99 H:221 S:60 B:60 #334b80 H:221 S:60 B:50 #293c66 H:221 S:60 B:40 #1f2d4d H:221 S:60 B:30 #141e33 H:221 S:60 B:20 #0a0f1a H:221 S:60 B:10 #000000 H:221 S:60 B:0
彩度 #0049e6 H:221 S:100 B:90 #1758e6 H:221 S:90 B:90 #2e68e6 H:221 S:80 B:90 #4578e6 H:221 S:70 B:90 #5c87e6 H:221 S:60 B:90 #7397e6 H:221 S:50 B:90 #8aa7e6 H:221 S:40 B:90 #a1b6e6 H:221 S:30 B:90 #b8c6e6 H:221 S:20 B:90 #cfd6e6 H:221 S:10 B:90 #e6e6e6 H:221 S:0 B:90
補色 #e6755c H:11 S:60 B:90 #e6ba5c H:41 S:60 B:90 #cce65c H:71 S:60 B:90
類似色 #5ce6ba H:161 S:60 B:90 #5ce6dc H:176 S:60 B:90 #5ccce6 H:191 S:60 B:90 #5caae6 H:206 S:60 B:90 #5c87e6 H:221 S:60 B:90 #5c65e6 H:236 S:60 B:90 #755ce6 H:251 S:60 B:90 #975ce6 H:266 S:60 B:90 #ba5ce6 H:281 S:60 B:90

#5b87e5 の配色パターン