#3b82b5 Color Information
In a RGB color space, hex #3b82b5 is composed of 23.1% red, 51% green and 71% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 28.2% magenta, 0% yellow and 29% black. It has a hue angle of 205.1 degrees, a saturation of 50.8% and a lightness of 47.1%. #3b82b5 color hex could be obtained by blending #76ffff with #00056b. Closest websafe color is: #3399cc.
-
- R 23
- G 51
- B 71
-
- C 67
- M 28
- Y 0
- K 29
● #3b82b5 color description : Moderate blue.
#3b82b5 Color Conversion
The hexadecimal color #3b82b5 has RGB values of R:59, G:130, B:181 and CMYK values of C:0.67, M:0.28, Y:0, K:0.29. Its decimal value is 3900085.
Hex triplet | 3b82b5 | #3b82b5 |
---|---|---|
RGB Decimal | 59, 130, 181 | rgb(59,130,181) |
RGB Percent | 23.1, 51, 71 | rgb(23.1%,51%,71%) |
CMYK | 67, 28, 0, 29 | |
HSL | 205.1°, 50.8, 47.1 | hsl(205.1,50.8%,47.1%) |
HSV (or HSB) | 205.1°, 67.4, 71 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 52.096, -5.724, -33.381 |
---|---|
XYZ | 18.125, 20.23, 46.663 |
xyY | 0.213, 0.238, 20.23 |
CIE-LCH | 52.096, 33.868, 260.269 |
CIE-LUV | 52.096, -27.61, -50.031 |
Hunter-Lab | 44.978, -6.78, -30.027 |
Binary | 00111011, 10000010, 10110101 |
Color Schemes with #3b82b5
Alternatives to #3b82b5
Below, you can see some colors close to #3b82b5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3b82b5 Preview
This text has a font color of #3b82b5.
<span style="color:#3b82b5;">Text here</span>
This paragraph has a background color of #3b82b5.
<p style="background-color:#3b82b5;">Content here</p>
This element has a border color of #3b82b5.
<div style="border:1px solid #3b82b5;">Content here</div>
.text {color:#3b82b5;}
.background {background-color:#3b82b5;}
.border {border:1px solid #3b82b5;}
Shades and Tints of #3b82b5
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, #010203 is the darkest color, while #f4f8fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060d12
#060d12
rgb(6,13,18)
-
#0b1821
#0b1821
rgb(11,24,33)
-
#102230
#102230
rgb(16,34,48)
-
#142d3f
#142d3f
rgb(20,45,63)
-
#19384d
#19384d
rgb(25,56,77)
-
#1e425c
#1e425c
rgb(30,66,92)
-
#234d6b
#234d6b
rgb(35,77,107)
-
#28587a
#28587a
rgb(40,88,122)
-
#2d6289
#2d6289
rgb(45,98,137)
-
#316d97
#316d97
rgb(49,109,151)
-
#3677a6
#3677a6
rgb(54,119,166)
-
#3b82b5
#3b82b5
rgb(59,130,181)
-
#428cc1
#428cc1
rgb(66,140,193)
-
#5195c6
#5195c6
rgb(81,149,198)
-
#609ecb
#609ecb
rgb(96,158,203)
-
#6fa7d0
#6fa7d0
rgb(111,167,208)
-
#7db0d5
#7db0d5
rgb(125,176,213)
-
#8cb9da
#8cb9da
rgb(140,185,218)
-
#9bc2de
#9bc2de
rgb(155,194,222)
-
#aacbe3
#aacbe3
rgb(170,203,227)
-
#b9d4e8
#b9d4e8
rgb(185,212,232)
-
#c7dded
#c7dded
rgb(199,221,237)
-
#d6e6f2
#d6e6f2
rgb(214,230,242)
-
#e5eff6
#e5eff6
rgb(229,239,246)
-
#f4f8fb
#f4f8fb
rgb(244,248,251)
Tones of #3b82b5
A tone is produced by adding gray to any pure hue. In this case, #72797e is the less saturated color, while #048bec is the most saturated one.
-
#72797e
#72797e
rgb(114,121,126)
-
#697a87
#697a87
rgb(105,122,135)
-
#607c90
#607c90
rgb(96,124,144)
-
#577d99
#577d99
rgb(87,125,153)
-
#4d7fa3
#4d7fa3
rgb(77,127,163)
-
#4480ac
#4480ac
rgb(68,128,172)
-
#3b82b5
#3b82b5
rgb(59,130,181)
-
#3284be
#3284be
rgb(50,132,190)
-
#2985c7
#2985c7
rgb(41,133,199)
-
#1f87d1
#1f87d1
rgb(31,135,209)
-
#1688da
#1688da
rgb(22,136,218)
-
#0d8ae3
#0d8ae3
rgb(13,138,227)
-
#048bec
#048bec
rgb(4,139,236)
Color Blindness Simulator
Below, you can see how #3b82b5 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.