#3b87f6

Hexadecimal Color Code

明るい青紫系の色

[RGB] R:59 G:135 B:246

[HSB] H:216 S:76 B:96

[L*a*b*] L*:56.98 a*:14.48 b*:-62.23

[CMYK] C:74% M:46% Y:0% K:0%

[HSL] H:216 S:91 L:60

[OKLCH] L:63.4% C:0.182 H:258.2

[Display-P3] R:0.3113 G:0.5227 B:0.9345

[コントラスト比] Aa 白 3.51:1 △　Aa 黒 5.98:1 ○

色相 #f53b3b H:360 S:76 B:96 #f53b5a H:350 S:76 B:96 #f53b79 H:340 S:76 B:96 #f53b98 H:330 S:76 B:96 #f53bb7 H:320 S:76 B:96 #f53bd6 H:310 S:76 B:96 #f53bf5 H:300 S:76 B:96 #d63bf5 H:290 S:76 B:96 #b73bf5 H:280 S:76 B:96 #983bf5 H:270 S:76 B:96 #793bf5 H:260 S:76 B:96 #5a3bf5 H:250 S:76 B:96 #3b3bf5 H:240 S:76 B:96 #3b5af5 H:230 S:76 B:96 #3b79f5 H:220 S:76 B:96 #3b98f5 H:210 S:76 B:96 #3bb7f5 H:200 S:76 B:96 #3bd6f5 H:190 S:76 B:96 #3bf5f5 H:180 S:76 B:96 #3bf5d6 H:170 S:76 B:96 #3bf5b7 H:160 S:76 B:96 #3bf598 H:150 S:76 B:96 #3bf579 H:140 S:76 B:96 #3bf55a H:130 S:76 B:96 #3bf53b H:120 S:76 B:96 #5af53b H:110 S:76 B:96 #79f53b H:100 S:76 B:96 #98f53b H:90 S:76 B:96 #b7f53b H:80 S:76 B:96 #d6f53b H:70 S:76 B:96 #f5f53b H:60 S:76 B:96 #f5d63b H:50 S:76 B:96 #f5b73b H:40 S:76 B:96 #f5983b H:30 S:76 B:96 #f5793b H:20 S:76 B:96 #f55a3b H:10 S:76 B:96 #f53b3b H:0 S:76 B:96
明度 #3d8bff H:216 S:76 B:100 #377de6 H:216 S:76 B:90 #316fcc H:216 S:76 B:80 #2b61b3 H:216 S:76 B:70 #255399 H:216 S:76 B:60 #1f4580 H:216 S:76 B:50 #183766 H:216 S:76 B:40 #122a4d H:216 S:76 B:30 #0c1c33 H:216 S:76 B:20 #060e1a H:216 S:76 B:10 #000000 H:216 S:76 B:0
彩度 #0062f5 H:216 S:100 B:96 #1871f5 H:216 S:90 B:96 #317ff5 H:216 S:80 B:96 #498ef5 H:216 S:70 B:96 #629df5 H:216 S:60 B:96 #7aabf5 H:216 S:50 B:96 #93baf5 H:216 S:40 B:96 #abc9f5 H:216 S:30 B:96 #c4d7f5 H:216 S:20 B:96 #dce6f5 H:216 S:10 B:96 #f5f5f5 H:216 S:0 B:96
補色 #f54d3b H:6 S:76 B:96 #f5aa3b H:36 S:76 B:96 #e2f53b H:66 S:76 B:96
類似色 #3bf5aa H:156 S:76 B:96 #3bf5d9 H:171 S:76 B:96 #3be2f5 H:186 S:76 B:96 #3bb4f5 H:201 S:76 B:96 #3b85f5 H:216 S:76 B:96 #3b57f5 H:231 S:76 B:96 #4d3bf5 H:246 S:76 B:96 #7c3bf5 H:261 S:76 B:96 #aa3bf5 H:276 S:76 B:96

#3b87f6 の配色パターン