#334f9e Color Information
In a RGB color space, hex #334f9e is composed of 20% red, 31% green and 62% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 50% magenta, 0% yellow and 38% black. It has a hue angle of 224.3 degrees, a saturation of 51.2% and a lightness of 41%. #334f9e color hex could be obtained by blending #669eff with #00003d. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 62
-
- C 68
- M 50
- Y 0
- K 38
● #334f9e color description : Dark moderate blue.
#334f9e Color Conversion
The hexadecimal color #334f9e has RGB values of R:51, G:79, B:158 and CMYK values of C:0.68, M:0.5, Y:0, K:0.38. Its decimal value is 3362718.
Hex triplet | 334f9e | #334f9e |
---|---|---|
RGB Decimal | 51, 79, 158 | rgb(51,79,158) |
RGB Percent | 20, 31, 62 | rgb(20%,31%,62%) |
CMYK | 68, 50, 0, 38 | |
HSL | 224.3°, 51.2, 41 | hsl(224.3,51.2%,41%) |
HSV (or HSB) | 224.3°, 67.7, 62 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.525, 16.53, -46.172 |
---|---|
XYZ | 10.331, 8.764, 33.493 |
xyY | 0.196, 0.167, 8.764 |
CIE-LCH | 35.525, 49.041, 289.698 |
CIE-LUV | 35.525, -12.589, -65.936 |
Hunter-Lab | 29.604, 10.489, -46.357 |
Binary | 00110011, 01001111, 10011110 |
Color Schemes with #334f9e
Alternatives to #334f9e
Below, you can see some colors close to #334f9e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f9e Preview
This text has a font color of #334f9e.
<span style="color:#334f9e;">Text here</span>
This paragraph has a background color of #334f9e.
<p style="background-color:#334f9e;">Content here</p>
This element has a border color of #334f9e.
<div style="border:1px solid #334f9e;">Content here</div>
.text {color:#334f9e;}
.background {background-color:#334f9e;}
.border {border:1px solid #334f9e;}
Shades and Tints of #334f9e
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)
-
#0d1427
#0d1427
rgb(13,20,39)
-
#111b36
#111b36
rgb(17,27,54)
-
#162345
#162345
rgb(22,35,69)
-
#1b2a54
#1b2a54
rgb(27,42,84)
-
#203163
#203163
rgb(32,49,99)
-
#253972
#253972
rgb(37,57,114)
-
#294080
#294080
rgb(41,64,128)
-
#2e488f
#2e488f
rgb(46,72,143)
-
#334f9e
#334f9e
rgb(51,79,158)
-
#3856ad
#3856ad
rgb(56,86,173)
-
#3d5ebc
#3d5ebc
rgb(61,94,188)
-
#4868c4
#4868c4
rgb(72,104,196)
-
#5775c9
#5775c9
rgb(87,117,201)
-
#6681cd
#6681cd
rgb(102,129,205)
-
#748dd2
#748dd2
rgb(116,141,210)
-
#8399d7
#8399d7
rgb(131,153,215)
-
#92a5dc
#92a5dc
rgb(146,165,220)
-
#a1b2e1
#a1b2e1
rgb(161,178,225)
-
#b0bee5
#b0bee5
rgb(176,190,229)
-
#bfcaea
#bfcaea
rgb(191,202,234)
-
#cdd6ef
#cdd6ef
rgb(205,214,239)
-
#dce2f4
#dce2f4
rgb(220,226,244)
-
#ebeff9
#ebeff9
rgb(235,239,249)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #334f9e
A tone is produced by adding gray to any pure hue. In this case, #63666e is the less saturated color, while #0338ce 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)
-
#43578e
#43578e
rgb(67,87,142)
-
#3b5396
#3b5396
rgb(59,83,150)
-
#334f9e
#334f9e
rgb(51,79,158)
-
#2b4ba6
#2b4ba6
rgb(43,75,166)
-
#2347ae
#2347ae
rgb(35,71,174)
-
#1b44b6
#1b44b6
rgb(27,68,182)
-
#1340be
#1340be
rgb(19,64,190)
-
#0b3cc6
#0b3cc6
rgb(11,60,198)
-
#0338ce
#0338ce
rgb(3,56,206)
Color Blindness Simulator
Below, you can see how #334f9e 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.