#334f8e Color Information
In a RGB color space, hex #334f8e is composed of 20% red, 31% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 44.4% magenta, 0% yellow and 44.3% black. It has a hue angle of 221.5 degrees, a saturation of 47.2% and a lightness of 37.8%. #334f8e color hex could be obtained by blending #669eff with #00001d. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 56
-
- C 64
- M 44
- Y 0
- K 44
● #334f8e color description : Dark moderate blue.
#334f8e Color Conversion
The hexadecimal color #334f8e has RGB values of R:51, G:79, B:142 and CMYK values of C:0.64, M:0.44, Y:0, K:0.44. Its decimal value is 3362702.
Hex triplet | 334f8e | #334f8e |
---|---|---|
RGB Decimal | 51, 79, 142 | rgb(51,79,142) |
RGB Percent | 20, 31, 55.7 | rgb(20%,31%,55.7%) |
CMYK | 64, 44, 0, 44 | |
HSL | 221.5°, 47.2, 37.8 | hsl(221.5,47.2%,37.8%) |
HSV (or HSB) | 221.5°, 64.1, 55.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.495, 10.607, -38.132 |
---|---|
XYZ | 9.043, 8.248, 26.705 |
xyY | 0.206, 0.187, 8.248 |
CIE-LCH | 34.495, 39.58, 285.545 |
CIE-LUV | 34.495, -12.525, -53.644 |
Hunter-Lab | 28.72, 5.943, -35.027 |
Binary | 00110011, 01001111, 10001110 |
Color Schemes with #334f8e
Alternatives to #334f8e
Below, you can see some colors close to #334f8e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f8e Preview
This text has a font color of #334f8e.
<span style="color:#334f8e;">Text here</span>
This paragraph has a background color of #334f8e.
<p style="background-color:#334f8e;">Content here</p>
This element has a border color of #334f8e.
<div style="border:1px solid #334f8e;">Content here</div>
.text {color:#334f8e;}
.background {background-color:#334f8e;}
.border {border:1px solid #334f8e;}
Shades and Tints of #334f8e
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, #04070c is the darkest color, while #fdfdfe is the lightest one.
-
#04070c
#04070c
rgb(4,7,12)
-
#0a0f1b
#0a0f1b
rgb(10,15,27)
-
#0f1729
#0f1729
rgb(15,23,41)
-
#141f37
#141f37
rgb(20,31,55)
-
#192746
#192746
rgb(25,39,70)
-
#1e2f54
#1e2f54
rgb(30,47,84)
-
#233763
#233763
rgb(35,55,99)
-
#293f71
#293f71
rgb(41,63,113)
-
#2e4780
#2e4780
rgb(46,71,128)
-
#334f8e
#334f8e
rgb(51,79,142)
-
#38579c
#38579c
rgb(56,87,156)
-
#3d5fab
#3d5fab
rgb(61,95,171)
-
#4367b9
#4367b9
rgb(67,103,185)
-
#4f72c0
#4f72c0
rgb(79,114,192)
-
#5e7ec5
#5e7ec5
rgb(94,126,197)
-
#6c89ca
#6c89ca
rgb(108,137,202)
-
#7b95d0
#7b95d0
rgb(123,149,208)
-
#89a0d5
#89a0d5
rgb(137,160,213)
-
#98acda
#98acda
rgb(152,172,218)
-
#a6b8df
#a6b8df
rgb(166,184,223)
-
#b5c3e4
#b5c3e4
rgb(181,195,228)
-
#c3cfe9
#c3cfe9
rgb(195,207,233)
-
#d1daef
#d1daef
rgb(209,218,239)
-
#e0e6f4
#e0e6f4
rgb(224,230,244)
-
#eef2f9
#eef2f9
rgb(238,242,249)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #334f8e
A tone is produced by adding gray to any pure hue. In this case, #606061 is the less saturated color, while #063ebb is the most saturated one.
-
#606061
#606061
rgb(96,96,97)
-
#585d69
#585d69
rgb(88,93,105)
-
#515a70
#515a70
rgb(81,90,112)
-
#495878
#495878
rgb(73,88,120)
-
#42557f
#42557f
rgb(66,85,127)
-
#3a5287
#3a5287
rgb(58,82,135)
-
#334f8e
#334f8e
rgb(51,79,142)
-
#2c4c95
#2c4c95
rgb(44,76,149)
-
#24499d
#24499d
rgb(36,73,157)
-
#1d46a4
#1d46a4
rgb(29,70,164)
-
#1544ac
#1544ac
rgb(21,68,172)
-
#0e41b3
#0e41b3
rgb(14,65,179)
-
#063ebb
#063ebb
rgb(6,62,187)
Color Blindness Simulator
Below, you can see how #334f8e 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.