#3b82f5 Color Information
In a RGB color space, hex #3b82f5 is composed of 23.1% red, 51% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 46.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 217.1 degrees, a saturation of 90.3% and a lightness of 59.6%. #3b82f5 color hex could be obtained by blending #76ffff with #0005eb. Closest websafe color is: #3399ff.
-
- R 23
- G 51
- B 96
-
- C 76
- M 47
- Y 0
- K 4
● #3b82f5 color description : Bright blue.
#3b82f5 Color Conversion
The hexadecimal color #3b82f5 has RGB values of R:59, G:130, B:245 and CMYK values of C:0.76, M:0.47, Y:0, K:0.04. Its decimal value is 3900149.
Hex triplet | 3b82f5 | #3b82f5 |
---|---|---|
RGB Decimal | 59, 130, 245 | rgb(59,130,245) |
RGB Percent | 23.1, 51, 96.1 | rgb(23.1%,51%,96.1%) |
CMYK | 76, 47, 0, 4 | |
HSL | 217.1°, 90.3, 59.6 | hsl(217.1,90.3%,59.6%) |
HSV (or HSB) | 217.1°, 75.9, 96.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.569, 17.183, -63.975 |
---|---|
XYZ | 26.264, 23.486, 89.53 |
xyY | 0.189, 0.169, 23.486 |
CIE-LCH | 55.569, 66.242, 285.034 |
CIE-LUV | 55.569, -25.645, -102.373 |
Hunter-Lab | 48.462, 11.93, -75.611 |
Binary | 00111011, 10000010, 11110101 |
Color Schemes with #3b82f5
Alternatives to #3b82f5
Below, you can see some colors close to #3b82f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3b82f5 Preview
This text has a font color of #3b82f5.
<span style="color:#3b82f5;">Text here</span>
This paragraph has a background color of #3b82f5.
<p style="background-color:#3b82f5;">Content here</p>
This element has a border color of #3b82f5.
<div style="border:1px solid #3b82f5;">Content here</div>
.text {color:#3b82f5;}
.background {background-color:#3b82f5;}
.border {border:1px solid #3b82f5;}
Shades and Tints of #3b82f5
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, #000409 is the darkest color, while #f6f9ff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#010c1c
#010c1c
rgb(1,12,28)
-
#02132f
#02132f
rgb(2,19,47)
-
#031b41
#031b41
rgb(3,27,65)
-
#042354
#042354
rgb(4,35,84)
-
#052a67
#052a67
rgb(5,42,103)
-
#063279
#063279
rgb(6,50,121)
-
#073a8c
#073a8c
rgb(7,58,140)
-
#08429f
#08429f
rgb(8,66,159)
-
#0949b1
#0949b1
rgb(9,73,177)
-
#0a51c4
#0a51c4
rgb(10,81,196)
-
#0b59d7
#0b59d7
rgb(11,89,215)
-
#0c60e9
#0c60e9
rgb(12,96,233)
-
#166af3
#166af3
rgb(22,106,243)
-
#2876f4
#2876f4
rgb(40,118,244)
-
#3b82f5
#3b82f5
rgb(59,130,245)
-
#4e8ef6
#4e8ef6
rgb(78,142,246)
-
#609af7
#609af7
rgb(96,154,247)
-
#73a6f8
#73a6f8
rgb(115,166,248)
-
#86b2f9
#86b2f9
rgb(134,178,249)
-
#98befa
#98befa
rgb(152,190,250)
-
#abc9fb
#abc9fb
rgb(171,201,251)
-
#bed5fc
#bed5fc
rgb(190,213,252)
-
#d0e1fd
#d0e1fd
rgb(208,225,253)
-
#e3edfe
#e3edfe
rgb(227,237,254)
-
#f6f9ff
#f6f9ff
rgb(246,249,255)
Tones of #3b82f5
A tone is produced by adding gray to any pure hue. In this case, #92979e is the less saturated color, while #3380fd is the most saturated one.
-
#92979e
#92979e
rgb(146,151,158)
-
#8a95a6
#8a95a6
rgb(138,149,166)
-
#8293ae
#8293ae
rgb(130,147,174)
-
#7a91b6
#7a91b6
rgb(122,145,182)
-
#728fbe
#728fbe
rgb(114,143,190)
-
#6b8dc5
#6b8dc5
rgb(107,141,197)
-
#638bcd
#638bcd
rgb(99,139,205)
-
#5b89d5
#5b89d5
rgb(91,137,213)
-
#5388dd
#5388dd
rgb(83,136,221)
-
#4b86e5
#4b86e5
rgb(75,134,229)
-
#4384ed
#4384ed
rgb(67,132,237)
-
#3b82f5
#3b82f5
rgb(59,130,245)
-
#3380fd
#3380fd
rgb(51,128,253)
Color Blindness Simulator
Below, you can see how #3b82f5 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.