#3b82f3 Color Information
In a RGB color space, hex #3b82f3 is composed of 23.1% red, 51% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 46.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 216.8 degrees, a saturation of 88.5% and a lightness of 59.2%. #3b82f3 color hex could be obtained by blending #76ffff with #0005e7. Closest websafe color is: #3399ff.
-
- R 23
- G 51
- B 95
-
- C 76
- M 47
- Y 0
- K 5
● #3b82f3 color description : Bright blue.
#3b82f3 Color Conversion
The hexadecimal color #3b82f3 has RGB values of R:59, G:130, B:243 and CMYK values of C:0.76, M:0.47, Y:0, K:0.05. Its decimal value is 3900147.
Hex triplet | 3b82f3 | #3b82f3 |
---|---|---|
RGB Decimal | 59, 130, 243 | rgb(59,130,243) |
RGB Percent | 23.1, 51, 95.3 | rgb(23.1%,51%,95.3%) |
CMYK | 76, 47, 0, 5 | |
HSL | 216.8°, 88.5, 59.2 | hsl(216.8,88.5%,59.2%) |
HSV (or HSB) | 216.8°, 75.7, 95.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.445, 16.455, -63.066 |
---|---|
XYZ | 25.96, 23.364, 87.931 |
xyY | 0.189, 0.17, 23.364 |
CIE-LCH | 55.445, 65.177, 284.624 |
CIE-LUV | 55.445, -25.691, -100.83 |
Hunter-Lab | 48.336, 11.279, -74.021 |
Binary | 00111011, 10000010, 11110011 |
Color Schemes with #3b82f3
Alternatives to #3b82f3
Below, you can see some colors close to #3b82f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3b82f3 Preview
This text has a font color of #3b82f3.
<span style="color:#3b82f3;">Text here</span>
This paragraph has a background color of #3b82f3.
<p style="background-color:#3b82f3;">Content here</p>
This element has a border color of #3b82f3.
<div style="border:1px solid #3b82f3;">Content here</div>
.text {color:#3b82f3;}
.background {background-color:#3b82f3;}
.border {border:1px solid #3b82f3;}
Shades and Tints of #3b82f3
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, #000307 is the darkest color, while #f4f8fe is the lightest one.
-
#000307
#000307
rgb(0,3,7)
-
#020b1a
#020b1a
rgb(2,11,26)
-
#03132c
#03132c
rgb(3,19,44)
-
#041b3f
#041b3f
rgb(4,27,63)
-
#052251
#052251
rgb(5,34,81)
-
#062a64
#062a64
rgb(6,42,100)
-
#073276
#073276
rgb(7,50,118)
-
#083a89
#083a89
rgb(8,58,137)
-
#0a429b
#0a429b
rgb(10,66,155)
-
#0b4aae
#0b4aae
rgb(11,74,174)
-
#0c51c0
#0c51c0
rgb(12,81,192)
-
#0d59d3
#0d59d3
rgb(13,89,211)
-
#0e61e5
#0e61e5
rgb(14,97,229)
-
#166af1
#166af1
rgb(22,106,241)
-
#2976f2
#2976f2
rgb(41,118,242)
-
#3b82f3
#3b82f3
rgb(59,130,243)
-
#4d8ef4
#4d8ef4
rgb(77,142,244)
-
#609af5
#609af5
rgb(96,154,245)
-
#72a5f6
#72a5f6
rgb(114,165,246)
-
#85b1f8
#85b1f8
rgb(133,177,248)
-
#97bdf9
#97bdf9
rgb(151,189,249)
-
#aac9fa
#aac9fa
rgb(170,201,250)
-
#bcd5fb
#bcd5fb
rgb(188,213,251)
-
#cfe0fc
#cfe0fc
rgb(207,224,252)
-
#e1ecfd
#e1ecfd
rgb(225,236,253)
-
#f4f8fe
#f4f8fe
rgb(244,248,254)
Tones of #3b82f3
A tone is produced by adding gray to any pure hue. In this case, #93969b is the less saturated color, while #3380fb is the most saturated one.
-
#93969b
#93969b
rgb(147,150,155)
-
#8b94a3
#8b94a3
rgb(139,148,163)
-
#8392ab
#8392ab
rgb(131,146,171)
-
#7b91b3
#7b91b3
rgb(123,145,179)
-
#738fbb
#738fbb
rgb(115,143,187)
-
#6b8dc3
#6b8dc3
rgb(107,141,195)
-
#638bcb
#638bcb
rgb(99,139,203)
-
#5b89d3
#5b89d3
rgb(91,137,211)
-
#5387db
#5387db
rgb(83,135,219)
-
#4b86e3
#4b86e3
rgb(75,134,227)
-
#4384eb
#4384eb
rgb(67,132,235)
-
#3b82f3
#3b82f3
rgb(59,130,243)
-
#3380fb
#3380fb
rgb(51,128,251)
Color Blindness Simulator
Below, you can see how #3b82f3 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.