#3b82b6 Color Information
In a RGB color space, hex #3b82b6 is composed of 23.1% red, 51% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 28.6% magenta, 0% yellow and 28.6% black. It has a hue angle of 205.4 degrees, a saturation of 51% and a lightness of 47.3%. #3b82b6 color hex could be obtained by blending #76ffff with #00056d. Closest websafe color is: #3399cc.
-
- R 23
- G 51
- B 71
-
- C 68
- M 29
- Y 0
- K 29
● #3b82b6 color description : Moderate blue.
#3b82b6 Color Conversion
The hexadecimal color #3b82b6 has RGB values of R:59, G:130, B:182 and CMYK values of C:0.68, M:0.29, Y:0, K:0.29. Its decimal value is 3900086.
Hex triplet | 3b82b6 | #3b82b6 |
---|---|---|
RGB Decimal | 59, 130, 182 | rgb(59,130,182) |
RGB Percent | 23.1, 51, 71.4 | rgb(23.1%,51%,71.4%) |
CMYK | 68, 29, 0, 29 | |
HSL | 205.4°, 51, 47.3 | hsl(205.4,51%,47.3%) |
HSV (or HSB) | 205.4°, 67.6, 71.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 52.142, -5.379, -33.884 |
---|---|
XYZ | 18.228, 20.271, 47.206 |
xyY | 0.213, 0.237, 20.271 |
CIE-LCH | 52.142, 34.308, 260.979 |
CIE-LUV | 52.142, -27.571, -50.887 |
Hunter-Lab | 45.023, -6.525, -30.647 |
Binary | 00111011, 10000010, 10110110 |
Color Schemes with #3b82b6
Alternatives to #3b82b6
Below, you can see some colors close to #3b82b6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3b82b6 Preview
This text has a font color of #3b82b6.
<span style="color:#3b82b6;">Text here</span>
This paragraph has a background color of #3b82b6.
<p style="background-color:#3b82b6;">Content here</p>
This element has a border color of #3b82b6.
<div style="border:1px solid #3b82b6;">Content here</div>
.text {color:#3b82b6;}
.background {background-color:#3b82b6;}
.border {border:1px solid #3b82b6;}
Shades and Tints of #3b82b6
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, #010304 is the darkest color, while #f4f9fc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#060e13
#060e13
rgb(6,14,19)
-
#0b1822
#0b1822
rgb(11,24,34)
-
#102331
#102331
rgb(16,35,49)
-
#152d3f
#152d3f
rgb(21,45,63)
-
#19384e
#19384e
rgb(25,56,78)
-
#1e435d
#1e435d
rgb(30,67,93)
-
#234d6c
#234d6c
rgb(35,77,108)
-
#28587b
#28587b
rgb(40,88,123)
-
#2d628a
#2d628a
rgb(45,98,138)
-
#316d98
#316d98
rgb(49,109,152)
-
#3677a7
#3677a7
rgb(54,119,167)
-
#3b82b6
#3b82b6
rgb(59,130,182)
-
#438cc2
#438cc2
rgb(67,140,194)
-
#5195c7
#5195c7
rgb(81,149,199)
-
#609ecc
#609ecc
rgb(96,158,204)
-
#6fa7d0
#6fa7d0
rgb(111,167,208)
-
#7eb0d5
#7eb0d5
rgb(126,176,213)
-
#8db9da
#8db9da
rgb(141,185,218)
-
#9cc2df
#9cc2df
rgb(156,194,223)
-
#aacbe4
#aacbe4
rgb(170,203,228)
-
#b9d4e8
#b9d4e8
rgb(185,212,232)
-
#c8dded
#c8dded
rgb(200,221,237)
-
#d7e6f2
#d7e6f2
rgb(215,230,242)
-
#e6f0f7
#e6f0f7
rgb(230,240,247)
-
#f4f9fc
#f4f9fc
rgb(244,249,252)
Tones of #3b82b6
A tone is produced by adding gray to any pure hue. In this case, #73797e is the less saturated color, while #038bee is the most saturated one.
-
#73797e
#73797e
rgb(115,121,126)
-
#697b88
#697b88
rgb(105,123,136)
-
#607c91
#607c91
rgb(96,124,145)
-
#577e9a
#577e9a
rgb(87,126,154)
-
#4e7fa3
#4e7fa3
rgb(78,127,163)
-
#4481ad
#4481ad
rgb(68,129,173)
-
#3b82b6
#3b82b6
rgb(59,130,182)
-
#3283bf
#3283bf
rgb(50,131,191)
-
#2885c9
#2885c9
rgb(40,133,201)
-
#1f86d2
#1f86d2
rgb(31,134,210)
-
#1688db
#1688db
rgb(22,136,219)
-
#0d89e4
#0d89e4
rgb(13,137,228)
-
#038bee
#038bee
rgb(3,139,238)
Color Blindness Simulator
Below, you can see how #3b82b6 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.