#334e5f hex color

In a RGB color space, hex #334e5f is composed of 20% red, 30.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 17.9% magenta, 0% yellow and 62.7% black. It has a hue angle of 203.2 degrees, a saturation of 30.1% and a lightness of 28.6%. #334e5f color hex could be obtained by blending #669cbe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 31
- B 37
RGB color chart
- C 46
- M 18
- Y 0
- K 63
CMYK color chart

● #334e5f color description : Very dark desaturated blue.

The hexadecimal color #334e5f has RGB values of R:51, G:78, B:95 and CMYK values of C:0.46, M:0.18, Y:0, K:0.63. Its decimal value is 3362399.

Hex triplet	334e5f	`#334e5f`
RGB Decimal	51, 78, 95	`rgb(51,78,95)`
RGB Percent	20, 30.6, 37.3	`rgb(20%,30.6%,37.3%)`
CMYK	46, 18, 0, 63
HSL	203.2°, 30.1, 28.6	`hsl(203.2,30.1%,28.6%)`
HSV (or HSB)	203.2°, 46.3, 37.3
Web Safe	336666	`#336666`

CIE-LAB	31.758, -5.071, -13.143
XYZ	6.155, 6.979, 11.849
xyY	0.246, 0.279, 6.979
CIE-LCH	31.758, 14.087, 248.903
CIE-LUV	31.758, -12.242, -16.211
Hunter-Lab	26.417, -4.642, -8.101
Binary	00110011, 01001110, 01011111

#334e5f
```
#334e5f rgb(51,78,95)
```
#5f4433
```
#5f4433 rgb(95,68,51)
```

Complementary Color

#335f5a
```
#335f5a rgb(51,95,90)
```
#334e5f
```
#334e5f rgb(51,78,95)
```
#33385f
```
#33385f rgb(51,56,95)
```

Analogous Color

#5f5a33
```
#5f5a33 rgb(95,90,51)
```
#334e5f
```
#334e5f rgb(51,78,95)
```
#5f3338
```
#5f3338 rgb(95,51,56)
```

Split Complementary Color

#4e5f33
```
#4e5f33 rgb(78,95,51)
```
#334e5f
```
#334e5f rgb(51,78,95)
```
#5f334e
```
#5f334e rgb(95,51,78)
```

Triadic Color

#335f44
```
#335f44 rgb(51,95,68)
```
#334e5f
```
#334e5f rgb(51,78,95)
```
#5f334e
```
#5f334e rgb(95,51,78)
```
#5f4433
```
#5f4433 rgb(95,68,51)
```

Tetradic Color

#18252d
```
#18252d rgb(24,37,45)
```
#21333e
```
#21333e rgb(33,51,62)
```
#2a404e
```
#2a404e rgb(42,64,78)
```
#334e5f
```
#334e5f rgb(51,78,95)
```
#3c5c70
```
#3c5c70 rgb(60,92,112)
```
#456980
```
#456980 rgb(69,105,128)
```
#4e7791
```
#4e7791 rgb(78,119,145)
```

Monochromatic Color

Below, you can see some colors close to #334e5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#33595f
```
#33595f rgb(51,89,95)
```
#33555f
```
#33555f rgb(51,85,95)
```
#33525f
```
#33525f rgb(51,82,95)
```
#334e5f
```
#334e5f rgb(51,78,95)
```
#334a5f
```
#334a5f rgb(51,74,95)
```
#33475f
```
#33475f rgb(51,71,95)
```
#33435f
```
#33435f rgb(51,67,95)
```

Similar Colors

Text with hexadecimal color #334e5f

This text has a font color of #334e5f.

<span style="color:#334e5f;">Text here</span>

#334e5f background color

This paragraph has a background color of #334e5f.

<p style="background-color:#334e5f;">Content here</p>

#334e5f border color

This element has a border color of #334e5f.

<div style="border:1px solid #334e5f;">Content here</div>

CSS codes

.text {color:#334e5f;}

.background {background-color:#334e5f;}

.border {border:1px solid #334e5f;}

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, #030506 is the darkest color, while #f8fafb is the lightest one.

#030506
```
#030506 rgb(3,5,6)
```
#0a0f12
```
#0a0f12 rgb(10,15,18)
```
#111a1f
```
#111a1f rgb(17,26,31)
```
#18242c
```
#18242c rgb(24,36,44)
```
#1e2f39
```
#1e2f39 rgb(30,47,57)
```
#253945
```
#253945 rgb(37,57,69)
```
#2c4452
```
#2c4452 rgb(44,68,82)
```
#334e5f
```
#334e5f rgb(51,78,95)
```
#3a586c
```
#3a586c rgb(58,88,108)
```
#416379
```
#416379 rgb(65,99,121)
```
#486d85
```
#486d85 rgb(72,109,133)
```
#4e7892
```
#4e7892 rgb(78,120,146)
```
#55829f
```
#55829f rgb(85,130,159)
```

Shade Color Variation

#5f8ca9
```
#5f8ca9 rgb(95,140,169)
```
#6b95b0
```
#6b95b0 rgb(107,149,176)
```
#789fb7
```
#789fb7 rgb(120,159,183)
```
#85a8be
```
#85a8be rgb(133,168,190)
```
#92b1c4
```
#92b1c4 rgb(146,177,196)
```
#9fbacb
```
#9fbacb rgb(159,186,203)
```
#abc3d2
```
#abc3d2 rgb(171,195,210)
```
#b8ccd9
```
#b8ccd9 rgb(184,204,217)
```
#c5d5e0
```
#c5d5e0 rgb(197,213,224)
```
#d2dfe7
```
#d2dfe7 rgb(210,223,231)
```
#dee8ed
```
#dee8ed rgb(222,232,237)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #444a4e is the less saturated color, while #005992 is the most saturated one.

#444a4e
```
#444a4e rgb(68,74,78)
```
#3e4b54
```
#3e4b54 rgb(62,75,84)
```
#394d59
```
#394d59 rgb(57,77,89)
```
#334e5f
```
#334e5f rgb(51,78,95)
```
#2d4f65
```
#2d4f65 rgb(45,79,101)
```
#28516a
```
#28516a rgb(40,81,106)
```
#225270
```
#225270 rgb(34,82,112)
```
#1d5375
```
#1d5375 rgb(29,83,117)
```
#17547b
```
#17547b rgb(23,84,123)
```
#115681
```
#115681 rgb(17,86,129)
```
#0c5786
```
#0c5786 rgb(12,87,134)
```
#06588c
```
#06588c rgb(6,88,140)
```
#005992
```
#005992 rgb(0,89,146)
```

Tone Color Variation

Below, you can see how #334e5f 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.

Monochromacy

#484848 Achromatopsia 0.005% of the population
#44494d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5364 Protanopia 1% of men
#505269 Deuteranopia 1% of men
#3a585f Tritanopia 0.001% of the population

Trichromacy

#455162 Protanomaly 1% of men, 0.01% of women
#455065 Deuteranomaly 6% of men, 0.4% of women
#37545f Tritanomaly 0.01% of the population

#334e5f hex color

#334e5f Color Information

#334e5f Color Conversion

Color Schemes with #334e5f

Alternatives to #334e5f

#334e5f Preview

Shades and Tints of #334e5f

Tones of #334e5f

Color Blindness Simulator