#3a5cf2 Color Information
In a RGB color space, hex #3a5cf2 is composed of 22.7% red, 36.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 62% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.9 degrees, a saturation of 87.6% and a lightness of 58.8%. #3a5cf2 color hex could be obtained by blending #74b8ff with #0000e5. Closest websafe color is: #3366ff.
-
- R 23
- G 36
- B 95
-
- C 76
- M 62
- Y 0
- K 5
● #3a5cf2 color description : Bright blue.
#3a5cf2 Color Conversion
The hexadecimal color #3a5cf2 has RGB values of R:58, G:92, B:242 and CMYK values of C:0.76, M:0.62, Y:0, K:0.05. Its decimal value is 3824882.
Hex triplet | 3a5cf2 | #3a5cf2 |
---|---|---|
RGB Decimal | 58, 92, 242 | rgb(58,92,242) |
RGB Percent | 22.7, 36.1, 94.9 | rgb(22.7%,36.1%,94.9%) |
CMYK | 76, 62, 0, 5 | |
HSL | 228.9°, 87.6, 58.8 | hsl(228.9,87.6%,58.8%) |
HSV (or HSB) | 228.9°, 76, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.584, 39.656, -78.516 |
---|---|
XYZ | 21.596, 14.963, 85.75 |
xyY | 0.177, 0.122, 14.963 |
CIE-LCH | 45.584, 87.962, 296.797 |
CIE-LUV | 45.584, -15.528, -118.969 |
Hunter-Lab | 38.682, 31.96, -104.355 |
Binary | 00111010, 01011100, 11110010 |
Color Schemes with #3a5cf2
Alternatives to #3a5cf2
Below, you can see some colors close to #3a5cf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5cf2 Preview
This text has a font color of #3a5cf2.
<span style="color:#3a5cf2;">Text here</span>
This paragraph has a background color of #3a5cf2.
<p style="background-color:#3a5cf2;">Content here</p>
This element has a border color of #3a5cf2.
<div style="border:1px solid #3a5cf2;">Content here</div>
.text {color:#3a5cf2;}
.background {background-color:#3a5cf2;}
.border {border:1px solid #3a5cf2;}
Shades and Tints of #3a5cf2
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, #000105 is the darkest color, while #f2f4fe is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#020618
#020618
rgb(2,6,24)
-
#030a2a
#030a2a
rgb(3,10,42)
-
#040e3d
#040e3d
rgb(4,14,61)
-
#05134f
#05134f
rgb(5,19,79)
-
#061761
#061761
rgb(6,23,97)
-
#081c74
#081c74
rgb(8,28,116)
-
#092086
#092086
rgb(9,32,134)
-
#0a2499
#0a2499
rgb(10,36,153)
-
#0b29ab
#0b29ab
rgb(11,41,171)
-
#0d2dbd
#0d2dbd
rgb(13,45,189)
-
#0e32d0
#0e32d0
rgb(14,50,208)
-
#0f36e2
#0f36e2
rgb(15,54,226)
-
#153ef0
#153ef0
rgb(21,62,240)
-
#284df1
#284df1
rgb(40,77,241)
-
#3a5cf2
#3a5cf2
rgb(58,92,242)
-
#4c6bf3
#4c6bf3
rgb(76,107,243)
-
#5f7af4
#5f7af4
rgb(95,122,244)
-
#718af6
#718af6
rgb(113,138,246)
-
#8499f7
#8499f7
rgb(132,153,247)
-
#96a8f8
#96a8f8
rgb(150,168,248)
-
#a8b7f9
#a8b7f9
rgb(168,183,249)
-
#bbc7fb
#bbc7fb
rgb(187,199,251)
-
#cdd6fc
#cdd6fc
rgb(205,214,252)
-
#e0e5fd
#e0e5fd
rgb(224,229,253)
-
#f2f4fe
#f2f4fe
rgb(242,244,254)
Tones of #3a5cf2
A tone is produced by adding gray to any pure hue. In this case, #939499 is the less saturated color, while #3257fa is the most saturated one.
-
#939499
#939499
rgb(147,148,153)
-
#8b8fa1
#8b8fa1
rgb(139,143,161)
-
#838aa9
#838aa9
rgb(131,138,169)
-
#7b85b1
#7b85b1
rgb(123,133,177)
-
#7380b9
#7380b9
rgb(115,128,185)
-
#6a7bc2
#6a7bc2
rgb(106,123,194)
-
#6275ca
#6275ca
rgb(98,117,202)
-
#5a70d2
#5a70d2
rgb(90,112,210)
-
#526bda
#526bda
rgb(82,107,218)
-
#4a66e2
#4a66e2
rgb(74,102,226)
-
#4261ea
#4261ea
rgb(66,97,234)
-
#3a5cf2
#3a5cf2
rgb(58,92,242)
-
#3257fa
#3257fa
rgb(50,87,250)
Color Blindness Simulator
Below, you can see how #3a5cf2 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.