#3354ed Color Information
In a RGB color space, hex #3354ed is composed of 20% red, 32.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 64.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 229.4 degrees, a saturation of 83.8% and a lightness of 56.5%. #3354ed color hex could be obtained by blending #66a8ff with #0000db. Closest websafe color is: #3366ff.
-
- R 20
- G 33
- B 93
-
- C 78
- M 65
- Y 0
- K 7
● #3354ed color description : Bright blue.
#3354ed Color Conversion
The hexadecimal color #3354ed has RGB values of R:51, G:84, B:237 and CMYK values of C:0.78, M:0.65, Y:0, K:0.07. Its decimal value is 3364077.
Hex triplet | 3354ed | #3354ed |
---|---|---|
RGB Decimal | 51, 84, 237 | rgb(51,84,237) |
RGB Percent | 20, 32.9, 92.9 | rgb(20%,32.9%,92.9%) |
CMYK | 78, 65, 0, 7 | |
HSL | 229.4°, 83.8, 56.5 | hsl(229.4,83.8%,56.5%) |
HSV (or HSB) | 229.4°, 78.5, 92.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43, 42.184, -79.951 |
---|---|
XYZ | 19.818, 13.157, 81.611 |
xyY | 0.173, 0.115, 13.157 |
CIE-LCH | 43, 90.397, 297.817 |
CIE-LUV | 43, -14.677, -118.524 |
Hunter-Lab | 36.273, 34.048, -108.006 |
Binary | 00110011, 01010100, 11101101 |
Color Schemes with #3354ed
Alternatives to #3354ed
Below, you can see some colors close to #3354ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3354ed Preview
This text has a font color of #3354ed.
<span style="color:#3354ed;">Text here</span>
This paragraph has a background color of #3354ed.
<p style="background-color:#3354ed;">Content here</p>
This element has a border color of #3354ed.
<div style="border:1px solid #3354ed;">Content here</div>
.text {color:#3354ed;}
.background {background-color:#3354ed;}
.border {border:1px solid #3354ed;}
Shades and Tints of #3354ed
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, #01030c is the darkest color, while #f9fafe is the lightest one.
-
#01030c
#01030c
rgb(1,3,12)
-
#03081e
#03081e
rgb(3,8,30)
-
#040c30
#040c30
rgb(4,12,48)
-
#061142
#061142
rgb(6,17,66)
-
#071554
#071554
rgb(7,21,84)
-
#091a66
#091a66
rgb(9,26,102)
-
#0b1e78
#0b1e78
rgb(11,30,120)
-
#0c238a
#0c238a
rgb(12,35,138)
-
#0e279c
#0e279c
rgb(14,39,156)
-
#0f2caf
#0f2caf
rgb(15,44,175)
-
#1130c1
#1130c1
rgb(17,48,193)
-
#1335d3
#1335d3
rgb(19,53,211)
-
#1439e5
#1439e5
rgb(20,57,229)
-
#2145eb
#2145eb
rgb(33,69,235)
-
#3354ed
#3354ed
rgb(51,84,237)
-
#4563ef
#4563ef
rgb(69,99,239)
-
#5772f0
#5772f0
rgb(87,114,240)
-
#6981f2
#6981f2
rgb(105,129,242)
-
#7b90f3
#7b90f3
rgb(123,144,243)
-
#8da0f5
#8da0f5
rgb(141,160,245)
-
#9faff7
#9faff7
rgb(159,175,247)
-
#b1bef8
#b1bef8
rgb(177,190,248)
-
#c3cdfa
#c3cdfa
rgb(195,205,250)
-
#d5dcfb
#d5dcfb
rgb(213,220,251)
-
#e7ebfd
#e7ebfd
rgb(231,235,253)
-
#f9fafe
#f9fafe
rgb(249,250,254)
Tones of #3354ed
A tone is produced by adding gray to any pure hue. In this case, #888b98 is the less saturated color, while #2249fe is the most saturated one.
-
#888b98
#888b98
rgb(136,139,152)
-
#8086a0
#8086a0
rgb(128,134,160)
-
#7780a9
#7780a9
rgb(119,128,169)
-
#6f7bb1
#6f7bb1
rgb(111,123,177)
-
#6675ba
#6675ba
rgb(102,117,186)
-
#5e70c2
#5e70c2
rgb(94,112,194)
-
#556acb
#556acb
rgb(85,106,203)
-
#4d65d3
#4d65d3
rgb(77,101,211)
-
#445fdc
#445fdc
rgb(68,95,220)
-
#3c5ae4
#3c5ae4
rgb(60,90,228)
-
#3354ed
#3354ed
rgb(51,84,237)
-
#2a4ef6
#2a4ef6
rgb(42,78,246)
-
#2249fe
#2249fe
rgb(34,73,254)
Color Blindness Simulator
Below, you can see how #3354ed 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.