#334f94 Color Information
In a RGB color space, hex #334f94 is composed of 20% red, 31% green and 58% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 46.6% magenta, 0% yellow and 42% black. It has a hue angle of 222.7 degrees, a saturation of 48.7% and a lightness of 39%. #334f94 color hex could be obtained by blending #669eff with #000029. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 58
-
- C 66
- M 47
- Y 0
- K 42
● #334f94 color description : Dark moderate blue.
#334f94 Color Conversion
The hexadecimal color #334f94 has RGB values of R:51, G:79, B:148 and CMYK values of C:0.66, M:0.47, Y:0, K:0.42. Its decimal value is 3362708.
Hex triplet | 334f94 | #334f94 |
---|---|---|
RGB Decimal | 51, 79, 148 | rgb(51,79,148) |
RGB Percent | 20, 31, 58 | rgb(20%,31%,58%) |
CMYK | 66, 47, 0, 42 | |
HSL | 222.7°, 48.7, 39 | hsl(222.7,48.7%,39%) |
HSV (or HSB) | 222.7°, 65.5, 58 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.87, 12.82, -41.183 |
---|---|
XYZ | 9.505, 8.433, 29.142 |
xyY | 0.202, 0.179, 8.433 |
CIE-LCH | 34.87, 43.133, 287.291 |
CIE-LUV | 34.87, -12.543, -58.311 |
Hunter-Lab | 29.04, 7.606, -39.17 |
Binary | 00110011, 01001111, 10010100 |
Color Schemes with #334f94
Alternatives to #334f94
Below, you can see some colors close to #334f94. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f94 Preview
This text has a font color of #334f94.
<span style="color:#334f94;">Text here</span>
This paragraph has a background color of #334f94.
<p style="background-color:#334f94;">Content here</p>
This element has a border color of #334f94.
<div style="border:1px solid #334f94;">Content here</div>
.text {color:#334f94;}
.background {background-color:#334f94;}
.border {border:1px solid #334f94;}
Shades and Tints of #334f94
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, #010102 is the darkest color, while #f3f5fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060911
#060911
rgb(6,9,17)
-
#0b111f
#0b111f
rgb(11,17,31)
-
#10182e
#10182e
rgb(16,24,46)
-
#15203c
#15203c
rgb(21,32,60)
-
#1a284b
#1a284b
rgb(26,40,75)
-
#1f305a
#1f305a
rgb(31,48,90)
-
#243868
#243868
rgb(36,56,104)
-
#293f77
#293f77
rgb(41,63,119)
-
#2e4785
#2e4785
rgb(46,71,133)
-
#334f94
#334f94
rgb(51,79,148)
-
#3857a3
#3857a3
rgb(56,87,163)
-
#3d5fb1
#3d5fb1
rgb(61,95,177)
-
#4367be
#4367be
rgb(67,103,190)
-
#5273c3
#5273c3
rgb(82,115,195)
-
#617fc8
#617fc8
rgb(97,127,200)
-
#6f8acd
#6f8acd
rgb(111,138,205)
-
#7e96d2
#7e96d2
rgb(126,150,210)
-
#8ca2d8
#8ca2d8
rgb(140,162,216)
-
#9baedd
#9baedd
rgb(155,174,221)
-
#aabae2
#aabae2
rgb(170,186,226)
-
#b8c6e7
#b8c6e7
rgb(184,198,231)
-
#c7d1ec
#c7d1ec
rgb(199,209,236)
-
#d5ddf1
#d5ddf1
rgb(213,221,241)
-
#e4e9f6
#e4e9f6
rgb(228,233,246)
-
#f3f5fb
#f3f5fb
rgb(243,245,251)
Tones of #334f94
A tone is produced by adding gray to any pure hue. In this case, #616266 is the less saturated color, while #053cc2 is the most saturated one.
-
#616266
#616266
rgb(97,98,102)
-
#595f6e
#595f6e
rgb(89,95,110)
-
#525c75
#525c75
rgb(82,92,117)
-
#4a597d
#4a597d
rgb(74,89,125)
-
#425585
#425585
rgb(66,85,133)
-
#3b528c
#3b528c
rgb(59,82,140)
-
#334f94
#334f94
rgb(51,79,148)
-
#2b4c9c
#2b4c9c
rgb(43,76,156)
-
#2449a3
#2449a3
rgb(36,73,163)
-
#1c45ab
#1c45ab
rgb(28,69,171)
-
#1442b3
#1442b3
rgb(20,66,179)
-
#0d3fba
#0d3fba
rgb(13,63,186)
-
#053cc2
#053cc2
rgb(5,60,194)
Color Blindness Simulator
Below, you can see how #334f94 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.