#3a55f2 Color Information
In a RGB color space, hex #3a55f2 is composed of 22.7% red, 33.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 64.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 231.2 degrees, a saturation of 87.6% and a lightness of 58.8%. #3a55f2 color hex could be obtained by blending #74aaff with #0000e5. Closest websafe color is: #3366ff.
-
- R 23
- G 33
- B 95
-
- C 76
- M 65
- Y 0
- K 5
● #3a55f2 color description : Bright blue.
#3a55f2 Color Conversion
The hexadecimal color #3a55f2 has RGB values of R:58, G:85, B:242 and CMYK values of C:0.76, M:0.65, Y:0, K:0.05. Its decimal value is 3823090.
Hex triplet | 3a55f2 | #3a55f2 |
---|---|---|
RGB Decimal | 58, 85, 242 | rgb(58,85,242) |
RGB Percent | 22.7, 33.3, 94.9 | rgb(22.7%,33.3%,94.9%) |
CMYK | 76, 65, 0, 5 | |
HSL | 231.2°, 87.6, 58.8 | hsl(231.2,87.6%,58.8%) |
HSV (or HSB) | 231.2°, 76, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.953, 43.934, -81.188 |
---|---|
XYZ | 21.017, 13.806, 85.557 |
xyY | 0.175, 0.115, 13.806 |
CIE-LCH | 43.953, 92.313, 298.42 |
CIE-LUV | 43.953, -13.955, -121.15 |
Hunter-Lab | 37.156, 35.943, -110.513 |
Binary | 00111010, 01010101, 11110010 |
Color Schemes with #3a55f2
Alternatives to #3a55f2
Below, you can see some colors close to #3a55f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a55f2 Preview
This text has a font color of #3a55f2.
<span style="color:#3a55f2;">Text here</span>
This paragraph has a background color of #3a55f2.
<p style="background-color:#3a55f2;">Content here</p>
This element has a border color of #3a55f2.
<div style="border:1px solid #3a55f2;">Content here</div>
.text {color:#3a55f2;}
.background {background-color:#3a55f2;}
.border {border:1px solid #3a55f2;}
Shades and Tints of #3a55f2
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)
-
#020518
#020518
rgb(2,5,24)
-
#03092a
#03092a
rgb(3,9,42)
-
#040c3d
#040c3d
rgb(4,12,61)
-
#05104f
#05104f
rgb(5,16,79)
-
#061461
#061461
rgb(6,20,97)
-
#081874
#081874
rgb(8,24,116)
-
#091b86
#091b86
rgb(9,27,134)
-
#0a1f99
#0a1f99
rgb(10,31,153)
-
#0b23ab
#0b23ab
rgb(11,35,171)
-
#0d26bd
#0d26bd
rgb(13,38,189)
-
#0e2ad0
#0e2ad0
rgb(14,42,208)
-
#0f2ee2
#0f2ee2
rgb(15,46,226)
-
#1535f0
#1535f0
rgb(21,53,240)
-
#2845f1
#2845f1
rgb(40,69,241)
-
#3a55f2
#3a55f2
rgb(58,85,242)
-
#4c65f3
#4c65f3
rgb(76,101,243)
-
#5f75f4
#5f75f4
rgb(95,117,244)
-
#7185f6
#7185f6
rgb(113,133,246)
-
#8495f7
#8495f7
rgb(132,149,247)
-
#96a4f8
#96a4f8
rgb(150,164,248)
-
#a8b4f9
#a8b4f9
rgb(168,180,249)
-
#bbc4fb
#bbc4fb
rgb(187,196,251)
-
#cdd4fc
#cdd4fc
rgb(205,212,252)
-
#e0e4fd
#e0e4fd
rgb(224,228,253)
-
#f2f4fe
#f2f4fe
rgb(242,244,254)
Tones of #3a55f2
A tone is produced by adding gray to any pure hue. In this case, #939499 is the less saturated color, while #324ffa is the most saturated one.
-
#939499
#939499
rgb(147,148,153)
-
#8b8ea1
#8b8ea1
rgb(139,142,161)
-
#8388a9
#8388a9
rgb(131,136,169)
-
#7b83b1
#7b83b1
rgb(123,131,177)
-
#737db9
#737db9
rgb(115,125,185)
-
#6a77c2
#6a77c2
rgb(106,119,194)
-
#6272ca
#6272ca
rgb(98,114,202)
-
#5a6cd2
#5a6cd2
rgb(90,108,210)
-
#5266da
#5266da
rgb(82,102,218)
-
#4a60e2
#4a60e2
rgb(74,96,226)
-
#425bea
#425bea
rgb(66,91,234)
-
#3a55f2
#3a55f2
rgb(58,85,242)
-
#324ffa
#324ffa
rgb(50,79,250)
Color Blindness Simulator
Below, you can see how #3a55f2 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.