#3b82f1 Color Information
In a RGB color space, hex #3b82f1 is composed of 23.1% red, 51% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 46.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 216.6 degrees, a saturation of 86.7% and a lightness of 58.8%. #3b82f1 color hex could be obtained by blending #76ffff with #0005e3. Closest websafe color is: #3399ff.
-
- R 23
- G 51
- B 95
-
- C 76
- M 46
- Y 0
- K 5
● #3b82f1 color description : Bright blue.
#3b82f1 Color Conversion
The hexadecimal color #3b82f1 has RGB values of R:59, G:130, B:241 and CMYK values of C:0.76, M:0.46, Y:0, K:0.05. Its decimal value is 3900145.
Hex triplet | 3b82f1 | #3b82f1 |
---|---|---|
RGB Decimal | 59, 130, 241 | rgb(59,130,241) |
RGB Percent | 23.1, 51, 94.5 | rgb(23.1%,51%,94.5%) |
CMYK | 76, 46, 0, 5 | |
HSL | 216.6°, 86.7, 58.8 | hsl(216.6,86.7%,58.8%) |
HSV (or HSB) | 216.6°, 75.5, 94.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.323, 15.728, -62.153 |
---|---|
XYZ | 25.66, 23.244, 86.348 |
xyY | 0.19, 0.172, 23.244 |
CIE-LCH | 55.323, 64.112, 284.201 |
CIE-LUV | 55.323, -25.737, -99.28 |
Hunter-Lab | 48.212, 10.632, -72.441 |
Binary | 00111011, 10000010, 11110001 |
Color Schemes with #3b82f1
Alternatives to #3b82f1
Below, you can see some colors close to #3b82f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3b82f1 Preview
This text has a font color of #3b82f1.
<span style="color:#3b82f1;">Text here</span>
This paragraph has a background color of #3b82f1.
<p style="background-color:#3b82f1;">Content here</p>
This element has a border color of #3b82f1.
<div style="border:1px solid #3b82f1;">Content here</div>
.text {color:#3b82f1;}
.background {background-color:#3b82f1;}
.border {border:1px solid #3b82f1;}
Shades and Tints of #3b82f1
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000205 is the darkest color, while #f2f7fe is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#020a18
#020a18
rgb(2,10,24)
-
#03122a
#03122a
rgb(3,18,42)
-
#041a3c
#041a3c
rgb(4,26,60)
-
#06224f
#06224f
rgb(6,34,79)
-
#072a61
#072a61
rgb(7,42,97)
-
#083273
#083273
rgb(8,50,115)
-
#0a3a86
#0a3a86
rgb(10,58,134)
-
#0b4298
#0b4298
rgb(11,66,152)
-
#0c4aaa
#0c4aaa
rgb(12,74,170)
-
#0d52bc
#0d52bc
rgb(13,82,188)
-
#0f5acf
#0f5acf
rgb(15,90,207)
-
#1062e1
#1062e1
rgb(16,98,225)
-
#166bee
#166bee
rgb(22,107,238)
-
#2976f0
#2976f0
rgb(41,118,240)
-
#3b82f1
#3b82f1
rgb(59,130,241)
-
#4d8ef2
#4d8ef2
rgb(77,142,242)
-
#6099f4
#6099f4
rgb(96,153,244)
-
#72a5f5
#72a5f5
rgb(114,165,245)
-
#84b1f6
#84b1f6
rgb(132,177,246)
-
#97bcf8
#97bcf8
rgb(151,188,248)
-
#a9c8f9
#a9c8f9
rgb(169,200,249)
-
#bbd4fa
#bbd4fa
rgb(187,212,250)
-
#cddffb
#cddffb
rgb(205,223,251)
-
#e0ebfd
#e0ebfd
rgb(224,235,253)
-
#f2f7fe
#f2f7fe
rgb(242,247,254)
Tones of #3b82f1
A tone is produced by adding gray to any pure hue. In this case, #949698 is the less saturated color, while #3380f9 is the most saturated one.
-
#949698
#949698
rgb(148,150,152)
-
#8c94a0
#8c94a0
rgb(140,148,160)
-
#8492a8
#8492a8
rgb(132,146,168)
-
#7c90b0
#7c90b0
rgb(124,144,176)
-
#748eb8
#748eb8
rgb(116,142,184)
-
#6b8dc1
#6b8dc1
rgb(107,141,193)
-
#638bc9
#638bc9
rgb(99,139,201)
-
#5b89d1
#5b89d1
rgb(91,137,209)
-
#5387d9
#5387d9
rgb(83,135,217)
-
#4b86e1
#4b86e1
rgb(75,134,225)
-
#4384e9
#4384e9
rgb(67,132,233)
-
#3b82f1
#3b82f1
rgb(59,130,241)
-
#3380f9
#3380f9
rgb(51,128,249)
Color Blindness Simulator
Below, you can see how #3b82f1 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.