#334b5c hex color

In a RGB color space, hex #334b5c is composed of 20% red, 29.4% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 18.5% magenta, 0% yellow and 63.9% black. It has a hue angle of 204.9 degrees, a saturation of 28.7% and a lightness of 28%. #334b5c color hex could be obtained by blending #6696b8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 29
- B 36
RGB color chart
- C 45
- M 18
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #334b5c has RGB values of R:51, G:75, B:92 and CMYK values of C:0.45, M:0.18, Y:0, K:0.64. Its decimal value is 3361628.

Hex triplet	334b5c	`#334b5c`
RGB Decimal	51, 75, 92	`rgb(51,75,92)`
RGB Percent	20, 29.4, 36.1	`rgb(20%,29.4%,36.1%)`
CMYK	45, 18, 0, 64
HSL	204.9°, 28.7, 28	`hsl(204.9,28.7%,28%)`
HSV (or HSB)	204.9°, 44.6, 36.1
Web Safe	333366	`#333366`

CIE-LAB	30.661, -4.131, -12.909
XYZ	5.813, 6.508, 11.075
xyY	0.248, 0.278, 6.508
CIE-LCH	30.661, 13.554, 252.254
CIE-LUV	30.661, -11.044, -15.832
Hunter-Lab	25.512, -3.975, -7.88
Binary	00110011, 01001011, 01011100

#334b5c
```
#334b5c rgb(51,75,92)
```
#5c4433
```
#5c4433 rgb(92,68,51)
```

Complementary Color

#335c59
```
#335c59 rgb(51,92,89)
```
#334b5c
```
#334b5c rgb(51,75,92)
```
#33375c
```
#33375c rgb(51,55,92)
```

Analogous Color

#5c5933
```
#5c5933 rgb(92,89,51)
```
#334b5c
```
#334b5c rgb(51,75,92)
```
#5c3337
```
#5c3337 rgb(92,51,55)
```

Split Complementary Color

#4b5c33
```
#4b5c33 rgb(75,92,51)
```
#334b5c
```
#334b5c rgb(51,75,92)
```
#5c334b
```
#5c334b rgb(92,51,75)
```

Triadic Color

#335c44
```
#335c44 rgb(51,92,68)
```
#334b5c
```
#334b5c rgb(51,75,92)
```
#5c334b
```
#5c334b rgb(92,51,75)
```
#5c4433
```
#5c4433 rgb(92,68,51)
```

Tetradic Color

#18232b
```
#18232b rgb(24,35,43)
```
#21303b
```
#21303b rgb(33,48,59)
```
#2a3e4c
```
#2a3e4c rgb(42,62,76)
```
#334b5c
```
#334b5c rgb(51,75,92)
```
#3c586c
```
#3c586c rgb(60,88,108)
```
#45667d
```
#45667d rgb(69,102,125)
```
#4e738d
```
#4e738d rgb(78,115,141)
```

Monochromatic Color

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

#33555c
```
#33555c rgb(51,85,92)
```
#33525c
```
#33525c rgb(51,82,92)
```
#334e5c
```
#334e5c rgb(51,78,92)
```
#334b5c
```
#334b5c rgb(51,75,92)
```
#33485c
```
#33485c rgb(51,72,92)
```
#33445c
```
#33445c rgb(51,68,92)
```
#33415c
```
#33415c rgb(51,65,92)
```

Similar Colors

Text with hexadecimal color #334b5c

This text has a font color of #334b5c.

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

#334b5c background color

This paragraph has a background color of #334b5c.

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

#334b5c border color

This element has a border color of #334b5c.

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

CSS codes

.text {color:#334b5c;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090d10
```
#090d10 rgb(9,13,16)
```
#10181d
```
#10181d rgb(16,24,29)
```
#17222a
```
#17222a rgb(23,34,42)
```
#1e2c36
```
#1e2c36 rgb(30,44,54)
```
#253643
```
#253643 rgb(37,54,67)
```
#2c414f
```
#2c414f rgb(44,65,79)
```
#334b5c
```
#334b5c rgb(51,75,92)
```
#3a5569
```
#3a5569 rgb(58,85,105)
```
#416075
```
#416075 rgb(65,96,117)
```
#486a82
```
#486a82 rgb(72,106,130)
```
#4f748e
```
#4f748e rgb(79,116,142)
```
#567e9b
```
#567e9b rgb(86,126,155)
```

Shade Color Variation

#5f88a6
```
#5f88a6 rgb(95,136,166)
```
#6b92ad
```
#6b92ad rgb(107,146,173)
```
#789bb4
```
#789bb4 rgb(120,155,180)
```
#84a4bb
```
#84a4bb rgb(132,164,187)
```
#91aec2
```
#91aec2 rgb(145,174,194)
```
#9eb7c9
```
#9eb7c9 rgb(158,183,201)
```
#aac0d0
```
#aac0d0 rgb(170,192,208)
```
#b7cad7
```
#b7cad7 rgb(183,202,215)
```
#c4d3de
```
#c4d3de rgb(196,211,222)
```
#d0dce5
```
#d0dce5 rgb(208,220,229)
```
#dde6ec
```
#dde6ec rgb(221,230,236)
```
#e9eff3
```
#e9eff3 rgb(233,239,243)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

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

#44484c
```
#44484c rgb(68,72,76)
```
#3e4951
```
#3e4951 rgb(62,73,81)
```
#394a57
```
#394a57 rgb(57,74,87)
```
#334b5c
```
#334b5c rgb(51,75,92)
```
#2e4c62
```
#2e4c62 rgb(46,76,98)
```
#284d67
```
#284d67 rgb(40,77,103)
```
#234e6d
```
#234e6d rgb(35,78,109)
```
#1d4f72
```
#1d4f72 rgb(29,79,114)
```
#185078
```
#185078 rgb(24,80,120)
```
#12517d
```
#12517d rgb(18,81,125)
```
#0d5283
```
#0d5283 rgb(13,82,131)
```
#075388
```
#075388 rgb(7,83,136)
```
#01538e
```
#01538e rgb(1,83,142)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#42474a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5062 Protanopia 1% of men
#4d5065 Deuteranopia 1% of men
#3a555c Tritanopia 0.001% of the population

Trichromacy

#434e60 Protanomaly 1% of men, 0.01% of women
#444e62 Deuteranomaly 6% of men, 0.4% of women
#37515c Tritanomaly 0.01% of the population

#334b5c hex color

#334b5c Color Information

#334b5c Color Conversion

Color Schemes with #334b5c

Alternatives to #334b5c

#334b5c Preview

Shades and Tints of #334b5c

Tones of #334b5c

Color Blindness Simulator