#334e9e Color Information
In a RGB color space, hex #334e9e is composed of 20% red, 30.6% green and 62% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 50.6% magenta, 0% yellow and 38% black. It has a hue angle of 224.9 degrees, a saturation of 51.2% and a lightness of 41%. #334e9e color hex could be obtained by blending #669cff with #00003d. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 62
-
- C 68
- M 51
- Y 0
- K 38
● #334e9e color description : Dark moderate blue.
#334e9e Color Conversion
The hexadecimal color #334e9e has RGB values of R:51, G:78, B:158 and CMYK values of C:0.68, M:0.51, Y:0, K:0.38. Its decimal value is 3362462.
Hex triplet | 334e9e | #334e9e |
---|---|---|
RGB Decimal | 51, 78, 158 | rgb(51,78,158) |
RGB Percent | 20, 30.6, 62 | rgb(20%,30.6%,62%) |
CMYK | 68, 51, 0, 38 | |
HSL | 224.9°, 51.2, 41 | hsl(224.9,51.2%,41%) |
HSV (or HSB) | 224.9°, 67.7, 62 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.243, 17.194, -46.626 |
---|---|
XYZ | 10.26, 8.621, 33.469 |
xyY | 0.196, 0.165, 8.621 |
CIE-LCH | 35.243, 49.695, 290.242 |
CIE-LUV | 35.243, -12.29, -66.448 |
Hunter-Lab | 29.361, 10.994, -47.034 |
Binary | 00110011, 01001110, 10011110 |
Color Schemes with #334e9e
Alternatives to #334e9e
Below, you can see some colors close to #334e9e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334e9e Preview
This text has a font color of #334e9e.
<span style="color:#334e9e;">Text here</span>
This paragraph has a background color of #334e9e.
<p style="background-color:#334e9e;">Content here</p>
This element has a border color of #334e9e.
<div style="border:1px solid #334e9e;">Content here</div>
.text {color:#334e9e;}
.background {background-color:#334e9e;}
.border {border:1px solid #334e9e;}
Shades and Tints of #334e9e
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, #03050a is the darkest color, while #fafbfd is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#080c19
#080c19
rgb(8,12,25)
-
#0d1327
#0d1327
rgb(13,19,39)
-
#111b36
#111b36
rgb(17,27,54)
-
#162245
#162245
rgb(22,34,69)
-
#1b2954
#1b2954
rgb(27,41,84)
-
#203163
#203163
rgb(32,49,99)
-
#253872
#253872
rgb(37,56,114)
-
#293f80
#293f80
rgb(41,63,128)
-
#2e478f
#2e478f
rgb(46,71,143)
-
#334e9e
#334e9e
rgb(51,78,158)
-
#3855ad
#3855ad
rgb(56,85,173)
-
#3d5dbc
#3d5dbc
rgb(61,93,188)
-
#4867c4
#4867c4
rgb(72,103,196)
-
#5774c9
#5774c9
rgb(87,116,201)
-
#6680cd
#6680cd
rgb(102,128,205)
-
#748cd2
#748cd2
rgb(116,140,210)
-
#8398d7
#8398d7
rgb(131,152,215)
-
#92a5dc
#92a5dc
rgb(146,165,220)
-
#a1b1e1
#a1b1e1
rgb(161,177,225)
-
#b0bde5
#b0bde5
rgb(176,189,229)
-
#bfcaea
#bfcaea
rgb(191,202,234)
-
#cdd6ef
#cdd6ef
rgb(205,214,239)
-
#dce2f4
#dce2f4
rgb(220,226,244)
-
#ebeef9
#ebeef9
rgb(235,238,249)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #334e9e
A tone is produced by adding gray to any pure hue. In this case, #63666e is the less saturated color, while #0336ce is the most saturated one.
-
#63666e
#63666e
rgb(99,102,110)
-
#5b6276
#5b6276
rgb(91,98,118)
-
#535e7e
#535e7e
rgb(83,94,126)
-
#4b5a86
#4b5a86
rgb(75,90,134)
-
#43568e
#43568e
rgb(67,86,142)
-
#3b5296
#3b5296
rgb(59,82,150)
-
#334e9e
#334e9e
rgb(51,78,158)
-
#2b4aa6
#2b4aa6
rgb(43,74,166)
-
#2346ae
#2346ae
rgb(35,70,174)
-
#1b42b6
#1b42b6
rgb(27,66,182)
-
#133ebe
#133ebe
rgb(19,62,190)
-
#0b3ac6
#0b3ac6
rgb(11,58,198)
-
#0336ce
#0336ce
rgb(3,54,206)
Color Blindness Simulator
Below, you can see how #334e9e 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.