#3a54f3 Color Information
In a RGB color space, hex #3a54f3 is composed of 22.7% red, 32.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 65.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 231.6 degrees, a saturation of 88.5% and a lightness of 59%. #3a54f3 color hex could be obtained by blending #74a8ff with #0000e7. Closest websafe color is: #3366ff.
-
- R 23
- G 33
- B 95
-
- C 76
- M 65
- Y 0
- K 5
● #3a54f3 color description : Bright blue.
#3a54f3 Color Conversion
The hexadecimal color #3a54f3 has RGB values of R:58, G:84, B:243 and CMYK values of C:0.76, M:0.65, Y:0, K:0.05. Its decimal value is 3822835.
Hex triplet | 3a54f3 | #3a54f3 |
---|---|---|
RGB Decimal | 58, 84, 243 | rgb(58,84,243) |
RGB Percent | 22.7, 32.9, 95.3 | rgb(22.7%,32.9%,95.3%) |
CMYK | 76, 65, 0, 5 | |
HSL | 231.6°, 88.5, 59 | hsl(231.6,88.5%,59%) |
HSV (or HSB) | 231.6°, 76.1, 95.3 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.814, 44.882, -81.979 |
---|---|
XYZ | 21.09, 13.71, 86.324 |
xyY | 0.174, 0.113, 13.71 |
CIE-LCH | 43.814, 93.461, 298.7 |
CIE-LUV | 43.814, -13.76, -122.06 |
Hunter-Lab | 37.027, 36.873, -112.309 |
Binary | 00111010, 01010100, 11110011 |
Color Schemes with #3a54f3
Alternatives to #3a54f3
Below, you can see some colors close to #3a54f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a54f3 Preview
This text has a font color of #3a54f3.
<span style="color:#3a54f3;">Text here</span>
This paragraph has a background color of #3a54f3.
<p style="background-color:#3a54f3;">Content here</p>
This element has a border color of #3a54f3.
<div style="border:1px solid #3a54f3;">Content here</div>
.text {color:#3a54f3;}
.background {background-color:#3a54f3;}
.border {border:1px solid #3a54f3;}
Shades and Tints of #3a54f3
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 #f3f4fe is the lightest one.
-
#000106
#000106
rgb(0,1,6)
-
#020519
#020519
rgb(2,5,25)
-
#03082b
#03082b
rgb(3,8,43)
-
#040c3e
#040c3e
rgb(4,12,62)
-
#050f50
#050f50
rgb(5,15,80)
-
#061363
#061363
rgb(6,19,99)
-
#071775
#071775
rgb(7,23,117)
-
#081a88
#081a88
rgb(8,26,136)
-
#091e9a
#091e9a
rgb(9,30,154)
-
#0b21ad
#0b21ad
rgb(11,33,173)
-
#0c25bf
#0c25bf
rgb(12,37,191)
-
#0d28d2
#0d28d2
rgb(13,40,210)
-
#0e2ce4
#0e2ce4
rgb(14,44,228)
-
#1534f1
#1534f1
rgb(21,52,241)
-
#2844f2
#2844f2
rgb(40,68,242)
-
#3a54f3
#3a54f3
rgb(58,84,243)
-
#4c64f4
#4c64f4
rgb(76,100,244)
-
#5f74f5
#5f74f5
rgb(95,116,245)
-
#7184f6
#7184f6
rgb(113,132,246)
-
#8494f8
#8494f8
rgb(132,148,248)
-
#96a4f9
#96a4f9
rgb(150,164,249)
-
#a9b4fa
#a9b4fa
rgb(169,180,250)
-
#bbc4fb
#bbc4fb
rgb(187,196,251)
-
#ced4fc
#ced4fc
rgb(206,212,252)
-
#e0e4fd
#e0e4fd
rgb(224,228,253)
-
#f3f4fe
#f3f4fe
rgb(243,244,254)
Tones of #3a54f3
A tone is produced by adding gray to any pure hue. In this case, #92949b is the less saturated color, while #324efb is the most saturated one.
-
#92949b
#92949b
rgb(146,148,155)
-
#8a8ea3
#8a8ea3
rgb(138,142,163)
-
#8288ab
#8288ab
rgb(130,136,171)
-
#7a82b3
#7a82b3
rgb(122,130,179)
-
#727cbb
#727cbb
rgb(114,124,187)
-
#6a77c3
#6a77c3
rgb(106,119,195)
-
#6271cb
#6271cb
rgb(98,113,203)
-
#5a6bd3
#5a6bd3
rgb(90,107,211)
-
#5265db
#5265db
rgb(82,101,219)
-
#4a60e3
#4a60e3
rgb(74,96,227)
-
#425aeb
#425aeb
rgb(66,90,235)
-
#3a54f3
#3a54f3
rgb(58,84,243)
-
#324efb
#324efb
rgb(50,78,251)
Color Blindness Simulator
Below, you can see how #3a54f3 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.