#3a5cf3 Color Information
In a RGB color space, hex #3a5cf3 is composed of 22.7% red, 36.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 62.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 229 degrees, a saturation of 88.5% and a lightness of 59%. #3a5cf3 color hex could be obtained by blending #74b8ff with #0000e7. Closest websafe color is: #3366ff.
-
- R 23
- G 36
- B 95
-
- C 76
- M 62
- Y 0
- K 5
● #3a5cf3 color description : Bright blue.
#3a5cf3 Color Conversion
The hexadecimal color #3a5cf3 has RGB values of R:58, G:92, B:243 and CMYK values of C:0.76, M:0.62, Y:0, K:0.05. Its decimal value is 3824883.
Hex triplet | 3a5cf3 | #3a5cf3 |
---|---|---|
RGB Decimal | 58, 92, 243 | rgb(58,92,243) |
RGB Percent | 22.7, 36.1, 95.3 | rgb(22.7%,36.1%,95.3%) |
CMYK | 76, 62, 0, 5 | |
HSL | 229°, 88.5, 59 | hsl(229,88.5%,59%) |
HSV (or HSB) | 229°, 76.1, 95.3 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.666, 40.008, -78.941 |
---|---|
XYZ | 21.746, 15.023, 86.543 |
xyY | 0.176, 0.122, 15.023 |
CIE-LCH | 45.666, 88.501, 296.876 |
CIE-LUV | 45.666, -15.541, -119.625 |
Hunter-Lab | 38.76, 32.318, -105.25 |
Binary | 00111010, 01011100, 11110011 |
Color Schemes with #3a5cf3
Alternatives to #3a5cf3
Below, you can see some colors close to #3a5cf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5cf3 Preview
This text has a font color of #3a5cf3.
<span style="color:#3a5cf3;">Text here</span>
This paragraph has a background color of #3a5cf3.
<p style="background-color:#3a5cf3;">Content here</p>
This element has a border color of #3a5cf3.
<div style="border:1px solid #3a5cf3;">Content here</div>
.text {color:#3a5cf3;}
.background {background-color:#3a5cf3;}
.border {border:1px solid #3a5cf3;}
Shades and Tints of #3a5cf3
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, #000106 is the darkest color, while #f3f5fe is the lightest one.
-
#000106
#000106
rgb(0,1,6)
-
#020619
#020619
rgb(2,6,25)
-
#030a2b
#030a2b
rgb(3,10,43)
-
#040e3e
#040e3e
rgb(4,14,62)
-
#051350
#051350
rgb(5,19,80)
-
#061763
#061763
rgb(6,23,99)
-
#071b75
#071b75
rgb(7,27,117)
-
#082088
#082088
rgb(8,32,136)
-
#09249a
#09249a
rgb(9,36,154)
-
#0b28ad
#0b28ad
rgb(11,40,173)
-
#0c2dbf
#0c2dbf
rgb(12,45,191)
-
#0d31d2
#0d31d2
rgb(13,49,210)
-
#0e35e4
#0e35e4
rgb(14,53,228)
-
#153df1
#153df1
rgb(21,61,241)
-
#284df2
#284df2
rgb(40,77,242)
-
#3a5cf3
#3a5cf3
rgb(58,92,243)
-
#4c6bf4
#4c6bf4
rgb(76,107,244)
-
#5f7bf5
#5f7bf5
rgb(95,123,245)
-
#718af6
#718af6
rgb(113,138,246)
-
#8499f8
#8499f8
rgb(132,153,248)
-
#96a8f9
#96a8f9
rgb(150,168,249)
-
#a9b8fa
#a9b8fa
rgb(169,184,250)
-
#bbc7fb
#bbc7fb
rgb(187,199,251)
-
#ced6fc
#ced6fc
rgb(206,214,252)
-
#e0e6fd
#e0e6fd
rgb(224,230,253)
-
#f3f5fe
#f3f5fe
rgb(243,245,254)
Tones of #3a5cf3
A tone is produced by adding gray to any pure hue. In this case, #92949b is the less saturated color, while #3257fb is the most saturated one.
-
#92949b
#92949b
rgb(146,148,155)
-
#8a8fa3
#8a8fa3
rgb(138,143,163)
-
#828aab
#828aab
rgb(130,138,171)
-
#7a85b3
#7a85b3
rgb(122,133,179)
-
#7280bb
#7280bb
rgb(114,128,187)
-
#6a7bc3
#6a7bc3
rgb(106,123,195)
-
#6275cb
#6275cb
rgb(98,117,203)
-
#5a70d3
#5a70d3
rgb(90,112,211)
-
#526bdb
#526bdb
rgb(82,107,219)
-
#4a66e3
#4a66e3
rgb(74,102,227)
-
#4261eb
#4261eb
rgb(66,97,235)
-
#3a5cf3
#3a5cf3
rgb(58,92,243)
-
#3257fb
#3257fb
rgb(50,87,251)
Color Blindness Simulator
Below, you can see how #3a5cf3 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.