#334b53 hex color

In a RGB color space, hex #334b53 is composed of 20% red, 29.4% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 38.6% cyan, 9.6% magenta, 0% yellow and 67.5% black. It has a hue angle of 195 degrees, a saturation of 23.9% and a lightness of 26.3%. #334b53 color hex could be obtained by blending #6696a6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 29
- B 33
RGB color chart
- C 39
- M 10
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #334b53 has RGB values of R:51, G:75, B:83 and CMYK values of C:0.39, M:0.1, Y:0, K:0.67. Its decimal value is 3361619.

Hex triplet	334b53	`#334b53`
RGB Decimal	51, 75, 83	`rgb(51,75,83)`
RGB Percent	20, 29.4, 32.5	`rgb(20%,29.4%,32.5%)`
CMYK	39, 10, 0, 67
HSL	195°, 23.9, 26.3	`hsl(195,23.9%,26.3%)`
HSV (or HSB)	195°, 38.6, 32.5
Web Safe	333366	`#333366`

CIE-LAB	30.304, -6.869, -7.686
XYZ	5.442, 6.36, 9.124
xyY	0.26, 0.304, 6.36
CIE-LCH	30.304, 10.308, 228.209
CIE-LUV	30.304, -11.054, -8.624
Hunter-Lab	25.22, -5.615, -3.796
Binary	00110011, 01001011, 01010011

#334b53
```
#334b53 rgb(51,75,83)
```
#533b33
```
#533b33 rgb(83,59,51)
```

Complementary Color

#33534b
```
#33534b rgb(51,83,75)
```
#334b53
```
#334b53 rgb(51,75,83)
```
#333b53
```
#333b53 rgb(51,59,83)
```

Analogous Color

#534b33
```
#534b33 rgb(83,75,51)
```
#334b53
```
#334b53 rgb(51,75,83)
```
#53333b
```
#53333b rgb(83,51,59)
```

Split Complementary Color

#4b5333
```
#4b5333 rgb(75,83,51)
```
#334b53
```
#334b53 rgb(51,75,83)
```
#53334b
```
#53334b rgb(83,51,75)
```

Triadic Color

#33533b
```
#33533b rgb(51,83,59)
```
#334b53
```
#334b53 rgb(51,75,83)
```
#53334b
```
#53334b rgb(83,51,75)
```
#533b33
```
#533b33 rgb(83,59,51)
```

Tetradic Color

#162024
```
#162024 rgb(22,32,36)
```
#202e33
```
#202e33 rgb(32,46,51)
```
#293d43
```
#293d43 rgb(41,61,67)
```
#334b53
```
#334b53 rgb(51,75,83)
```
#3d5963
```
#3d5963 rgb(61,89,99)
```
#466873
```
#466873 rgb(70,104,115)
```
#507682
```
#507682 rgb(80,118,130)
```

Monochromatic Color

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

#335353
```
#335353 rgb(51,83,83)
```
#335053
```
#335053 rgb(51,80,83)
```
#334e53
```
#334e53 rgb(51,78,83)
```
#334b53
```
#334b53 rgb(51,75,83)
```
#334853
```
#334853 rgb(51,72,83)
```
#334653
```
#334653 rgb(51,70,83)
```
#334353
```
#334353 rgb(51,67,83)
```

Similar Colors

Text with hexadecimal color #334b53

This text has a font color of #334b53.

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

#334b53 background color

This paragraph has a background color of #334b53.

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

#334b53 border color

This element has a border color of #334b53.

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

CSS codes

.text {color:#334b53;}

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

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

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, #06090a is the darkest color, while #fdfefe is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0e1416
```
#0e1416 rgb(14,20,22)
```
#151f22
```
#151f22 rgb(21,31,34)
```
#1d2a2f
```
#1d2a2f rgb(29,42,47)
```
#24353b
```
#24353b rgb(36,53,59)
```
#2c4047
```
#2c4047 rgb(44,64,71)
```
#334b53
```
#334b53 rgb(51,75,83)
```
#3a565f
```
#3a565f rgb(58,86,95)
```
#42616b
```
#42616b rgb(66,97,107)
```
#496c77
```
#496c77 rgb(73,108,119)
```
#517784
```
#517784 rgb(81,119,132)
```
#588290
```
#588290 rgb(88,130,144)
```
#608d9c
```
#608d9c rgb(96,141,156)
```

Shade Color Variation

#6b96a4
```
#6b96a4 rgb(107,150,164)
```
#779fac
```
#779fac rgb(119,159,172)
```
#83a7b3
```
#83a7b3 rgb(131,167,179)
```
#90b0bb
```
#90b0bb rgb(144,176,187)
```
#9cb8c2
```
#9cb8c2 rgb(156,184,194)
```
#a8c1c9
```
#a8c1c9 rgb(168,193,201)
```
#b4cad1
```
#b4cad1 rgb(180,202,209)
```
#c0d2d8
```
#c0d2d8 rgb(192,210,216)
```
#ccdbe0
```
#ccdbe0 rgb(204,219,224)
```
#d9e4e7
```
#d9e4e7 rgb(217,228,231)
```
#e5ecef
```
#e5ecef rgb(229,236,239)
```
#f1f5f6
```
#f1f5f6 rgb(241,245,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#424344
```
#424344 rgb(66,67,68)
```
#3d4649
```
#3d4649 rgb(61,70,73)
```
#38484e
```
#38484e rgb(56,72,78)
```
#334b53
```
#334b53 rgb(51,75,83)
```
#2e4e58
```
#2e4e58 rgb(46,78,88)
```
#29505d
```
#29505d rgb(41,80,93)
```
#245362
```
#245362 rgb(36,83,98)
```
#1e5568
```
#1e5568 rgb(30,85,104)
```
#19586d
```
#19586d rgb(25,88,109)
```
#145a72
```
#145a72 rgb(20,90,114)
```
#0f5d77
```
#0f5d77 rgb(15,93,119)
```
#0a607c
```
#0a607c rgb(10,96,124)
```
#056281
```
#056281 rgb(5,98,129)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414648 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5059 Protanopia 1% of men
#514f5d Deuteranopia 1% of men
#3d545a Tritanopia 0.001% of the population

Trichromacy

#454e57 Protanomaly 1% of men, 0.01% of women
#464d59 Deuteranomaly 6% of men, 0.4% of women
#395157 Tritanomaly 0.01% of the population

#334b53 hex color

#334b53 Color Information

#334b53 Color Conversion

Color Schemes with #334b53

Alternatives to #334b53

#334b53 Preview

Shades and Tints of #334b53

Tones of #334b53

Color Blindness Simulator