#335eb5

Hexadecimal Color Code

深い青紫系の色

[RGB] R:51 G:94 B:181

[HSB] H:220 S:72 B:71

[L*a*b*] L*:41.28 a*:15.27 b*:-50.54

[CMYK] C:84% M:65% Y:1% K:0%

[HSL] H:220 S:56 L:45

[OKLCH] L:49.9% C:0.146 H:262.6

[Display-P3] R:0.2404 G:0.3645 B:0.6868

[コントラスト比] Aa 白 6.16:1 ○　Aa 黒 3.40:1 △

色相 #b53333 H:360 S:72 B:71 #b53348 H:350 S:72 B:71 #b5335e H:340 S:72 B:71 #b53374 H:330 S:72 B:71 #b5338a H:320 S:72 B:71 #b5339f H:310 S:72 B:71 #b533b5 H:300 S:72 B:71 #9f33b5 H:290 S:72 B:71 #8a33b5 H:280 S:72 B:71 #7433b5 H:270 S:72 B:71 #5e33b5 H:260 S:72 B:71 #4833b5 H:250 S:72 B:71 #3333b5 H:240 S:72 B:71 #3348b5 H:230 S:72 B:71 #335eb5 H:220 S:72 B:71 #3374b5 H:210 S:72 B:71 #338ab5 H:200 S:72 B:71 #339fb5 H:190 S:72 B:71 #33b5b5 H:180 S:72 B:71 #33b59f H:170 S:72 B:71 #33b58a H:160 S:72 B:71 #33b574 H:150 S:72 B:71 #33b55e H:140 S:72 B:71 #33b548 H:130 S:72 B:71 #33b533 H:120 S:72 B:71 #48b533 H:110 S:72 B:71 #5eb533 H:100 S:72 B:71 #74b533 H:90 S:72 B:71 #8ab533 H:80 S:72 B:71 #9fb533 H:70 S:72 B:71 #b5b533 H:60 S:72 B:71 #b59f33 H:50 S:72 B:71 #b58a33 H:40 S:72 B:71 #b57433 H:30 S:72 B:71 #b55e33 H:20 S:72 B:71 #b54833 H:10 S:72 B:71 #b53333 H:0 S:72 B:71
明度 #4785ff H:220 S:72 B:100 #4077e6 H:220 S:72 B:90 #396acc H:220 S:72 B:80 #325db3 H:220 S:72 B:70 #2b5099 H:220 S:72 B:60 #244280 H:220 S:72 B:50 #1d3566 H:220 S:72 B:40 #15284d H:220 S:72 B:30 #0e1b33 H:220 S:72 B:20 #070d1a H:220 S:72 B:10 #000000 H:220 S:72 B:0
彩度 #003cb5 H:220 S:100 B:71 #1248b5 H:220 S:90 B:71 #2454b5 H:220 S:80 B:71 #3661b5 H:220 S:70 B:71 #486db5 H:220 S:60 B:71 #5b79b5 H:220 S:50 B:71 #6d85b5 H:220 S:40 B:71 #7f91b5 H:220 S:30 B:71 #919db5 H:220 S:20 B:71 #a3a9b5 H:220 S:10 B:71 #b5b5b5 H:220 S:0 B:71
補色 #b54833 H:10 S:72 B:71 #b58a33 H:40 S:72 B:71 #9fb533 H:70 S:72 B:71
類似色 #33b58a H:160 S:72 B:71 #33b5aa H:175 S:72 B:71 #339fb5 H:190 S:72 B:71 #337fb5 H:205 S:72 B:71 #335eb5 H:220 S:72 B:71 #333eb5 H:235 S:72 B:71 #4833b5 H:250 S:72 B:71 #6933b5 H:265 S:72 B:71 #8a33b5 H:280 S:72 B:71

#335eb5 の配色パターン