#334f8a Color Information
In a RGB color space, hex #334f8a is composed of 20% red, 31% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 42.8% magenta, 0% yellow and 45.9% black. It has a hue angle of 220.7 degrees, a saturation of 46% and a lightness of 37.1%. #334f8a color hex could be obtained by blending #669eff with #000015. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 54
-
- C 63
- M 43
- Y 0
- K 46
● #334f8a color description : Dark moderate blue.
#334f8a Color Conversion
The hexadecimal color #334f8a has RGB values of R:51, G:79, B:138 and CMYK values of C:0.63, M:0.43, Y:0, K:0.46. Its decimal value is 3362698.
Hex triplet | 334f8a | #334f8a |
---|---|---|
RGB Decimal | 51, 79, 138 | rgb(51,79,138) |
RGB Percent | 20, 31, 54.1 | rgb(20%,31%,54.1%) |
CMYK | 63, 43, 0, 46 | |
HSL | 220.7°, 46, 37.1 | hsl(220.7,46%,37.1%) |
HSV (or HSB) | 220.7°, 63, 54.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.253, 9.14, -36.073 |
---|---|
XYZ | 8.748, 8.13, 25.152 |
xyY | 0.208, 0.193, 8.13 |
CIE-LCH | 34.253, 37.213, 284.219 |
CIE-LUV | 34.253, -12.517, -50.496 |
Hunter-Lab | 28.514, 4.863, -32.34 |
Binary | 00110011, 01001111, 10001010 |
Color Schemes with #334f8a
Alternatives to #334f8a
Below, you can see some colors close to #334f8a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f8a Preview
This text has a font color of #334f8a.
<span style="color:#334f8a;">Text here</span>
This paragraph has a background color of #334f8a.
<p style="background-color:#334f8a;">Content here</p>
This element has a border color of #334f8a.
<div style="border:1px solid #334f8a;">Content here</div>
.text {color:#334f8a;}
.background {background-color:#334f8a;}
.border {border:1px solid #334f8a;}
Shades and Tints of #334f8a
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, #030509 is the darkest color, while #fafbfd is the lightest one.
-
#030509
#030509
rgb(3,5,9)
-
#090d17
#090d17
rgb(9,13,23)
-
#0e1626
#0e1626
rgb(14,22,38)
-
#131e34
#131e34
rgb(19,30,52)
-
#192642
#192642
rgb(25,38,66)
-
#1e2e51
#1e2e51
rgb(30,46,81)
-
#23365f
#23365f
rgb(35,54,95)
-
#283f6d
#283f6d
rgb(40,63,109)
-
#2e477c
#2e477c
rgb(46,71,124)
-
#334f8a
#334f8a
rgb(51,79,138)
-
#385798
#385798
rgb(56,87,152)
-
#3e5fa7
#3e5fa7
rgb(62,95,167)
-
#4368b5
#4368b5
rgb(67,104,181)
-
#4e72be
#4e72be
rgb(78,114,190)
-
#5c7dc3
#5c7dc3
rgb(92,125,195)
-
#6b89c8
#6b89c8
rgb(107,137,200)
-
#7994cd
#7994cd
rgb(121,148,205)
-
#87a0d3
#87a0d3
rgb(135,160,211)
-
#96abd8
#96abd8
rgb(150,171,216)
-
#a4b6dd
#a4b6dd
rgb(164,182,221)
-
#b2c2e3
#b2c2e3
rgb(178,194,227)
-
#c0cde8
#c0cde8
rgb(192,205,232)
-
#cfd9ed
#cfd9ed
rgb(207,217,237)
-
#dde4f2
#dde4f2
rgb(221,228,242)
-
#ebeff8
#ebeff8
rgb(235,239,248)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #334f8a
A tone is produced by adding gray to any pure hue. In this case, #575c66 is the less saturated color, while #003dbd is the most saturated one.
-
#575c66
#575c66
rgb(87,92,102)
-
#50596d
#50596d
rgb(80,89,109)
-
#495774
#495774
rgb(73,87,116)
-
#42547b
#42547b
rgb(66,84,123)
-
#3a5283
#3a5283
rgb(58,82,131)
-
#334f8a
#334f8a
rgb(51,79,138)
-
#2c4c91
#2c4c91
rgb(44,76,145)
-
#244a99
#244a99
rgb(36,74,153)
-
#1d47a0
#1d47a0
rgb(29,71,160)
-
#1645a7
#1645a7
rgb(22,69,167)
-
#0f42ae
#0f42ae
rgb(15,66,174)
-
#073fb6
#073fb6
rgb(7,63,182)
-
#003dbd
#003dbd
rgb(0,61,189)
Color Blindness Simulator
Below, you can see how #334f8a 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.