#3a5ef2 Color Information
In a RGB color space, hex #3a5ef2 is composed of 22.7% red, 36.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 61.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.3 degrees, a saturation of 87.6% and a lightness of 58.8%. #3a5ef2 color hex could be obtained by blending #74bcff with #0000e5. Closest websafe color is: #3366ff.
-
- R 23
- G 37
- B 95
-
- C 76
- M 61
- Y 0
- K 5
● #3a5ef2 color description : Bright blue.
#3a5ef2 Color Conversion
The hexadecimal color #3a5ef2 has RGB values of R:58, G:94, B:242 and CMYK values of C:0.76, M:0.61, Y:0, K:0.05. Its decimal value is 3825394.
Hex triplet | 3a5ef2 | #3a5ef2 |
---|---|---|
RGB Decimal | 58, 94, 242 | rgb(58,94,242) |
RGB Percent | 22.7, 36.9, 94.9 | rgb(22.7%,36.9%,94.9%) |
CMYK | 76, 61, 0, 5 | |
HSL | 228.3°, 87.6, 58.8 | hsl(228.3,87.6%,58.8%) |
HSV (or HSB) | 228.3°, 76, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.062, 38.421, -77.734 |
---|---|
XYZ | 21.771, 15.314, 85.808 |
xyY | 0.177, 0.125, 15.314 |
CIE-LCH | 46.062, 86.71, 296.301 |
CIE-LUV | 46.062, -15.999, -118.267 |
Hunter-Lab | 39.133, 30.822, -102.612 |
Binary | 00111010, 01011110, 11110010 |
Color Schemes with #3a5ef2
Alternatives to #3a5ef2
Below, you can see some colors close to #3a5ef2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5ef2 Preview
This text has a font color of #3a5ef2.
<span style="color:#3a5ef2;">Text here</span>
This paragraph has a background color of #3a5ef2.
<p style="background-color:#3a5ef2;">Content here</p>
This element has a border color of #3a5ef2.
<div style="border:1px solid #3a5ef2;">Content here</div>
.text {color:#3a5ef2;}
.background {background-color:#3a5ef2;}
.border {border:1px solid #3a5ef2;}
Shades and Tints of #3a5ef2
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)
-
#030b2a
#030b2a
rgb(3,11,42)
-
#040f3d
#040f3d
rgb(4,15,61)
-
#05144f
#05144f
rgb(5,20,79)
-
#061861
#061861
rgb(6,24,97)
-
#081d74
#081d74
rgb(8,29,116)
-
#092186
#092186
rgb(9,33,134)
-
#0a2699
#0a2699
rgb(10,38,153)
-
#0b2bab
#0b2bab
rgb(11,43,171)
-
#0d2fbd
#0d2fbd
rgb(13,47,189)
-
#0e34d0
#0e34d0
rgb(14,52,208)
-
#0f38e2
#0f38e2
rgb(15,56,226)
-
#1540f0
#1540f0
rgb(21,64,240)
-
#284ff1
#284ff1
rgb(40,79,241)
-
#3a5ef2
#3a5ef2
rgb(58,94,242)
-
#4c6df3
#4c6df3
rgb(76,109,243)
-
#5f7cf4
#5f7cf4
rgb(95,124,244)
-
#718bf6
#718bf6
rgb(113,139,246)
-
#849af7
#849af7
rgb(132,154,247)
-
#96a9f8
#96a9f8
rgb(150,169,248)
-
#a8b8f9
#a8b8f9
rgb(168,184,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 #3a5ef2
A tone is produced by adding gray to any pure hue. In this case, #939499 is the less saturated color, while #3259fa 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)
-
#6277ca
#6277ca
rgb(98,119,202)
-
#5a72d2
#5a72d2
rgb(90,114,210)
-
#526dda
#526dda
rgb(82,109,218)
-
#4a68e2
#4a68e2
rgb(74,104,226)
-
#4263ea
#4263ea
rgb(66,99,234)
-
#3a5ef2
#3a5ef2
rgb(58,94,242)
-
#3259fa
#3259fa
rgb(50,89,250)
Color Blindness Simulator
Below, you can see how #3a5ef2 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.