#335b58 hex color

In a RGB color space, hex #335b58 is composed of 20% red, 35.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 44% cyan, 0% magenta, 3.3% yellow and 64.3% black. It has a hue angle of 175.5 degrees, a saturation of 28.2% and a lightness of 27.8%. #335b58 color hex could be obtained by blending #66b6b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 36
- B 35
RGB color chart
- C 44
- M 0
- Y 3
- K 64
CMYK color chart

● #335b58 color description : Very dark desaturated cyan.

The hexadecimal color #335b58 has RGB values of R:51, G:91, B:88 and CMYK values of C:0.44, M:0, Y:0.03, K:0.64. Its decimal value is 3365720.

Hex triplet	335b58	`#335b58`
RGB Decimal	51, 91, 88	`rgb(51,91,88)`
RGB Percent	20, 35.7, 34.5	`rgb(20%,35.7%,34.5%)`
CMYK	44, 0, 3, 64
HSL	175.5°, 28.2, 27.8	`hsl(175.5,28.2%,27.8%)`
HSV (or HSB)	175.5°, 44, 35.7
Web Safe	336666	`#336666`

CIE-LAB	35.772, -14.905, -2.703
XYZ	6.867, 8.89, 10.586
xyY	0.261, 0.337, 8.89
CIE-LCH	35.772, 15.148, 190.278
CIE-LUV	35.772, -17.725, -1.439
Hunter-Lab	29.816, -11.067, -0.179
Binary	00110011, 01011011, 01011000

#335b58
```
#335b58 rgb(51,91,88)
```
#5b3336
```
#5b3336 rgb(91,51,54)
```

Complementary Color

#335b44
```
#335b44 rgb(51,91,68)
```
#335b58
```
#335b58 rgb(51,91,88)
```
#334a5b
```
#334a5b rgb(51,74,91)
```

Analogous Color

#5b4433
```
#5b4433 rgb(91,68,51)
```
#335b58
```
#335b58 rgb(51,91,88)
```
#5b334a
```
#5b334a rgb(91,51,74)
```

Split Complementary Color

#5b5833
```
#5b5833 rgb(91,88,51)
```
#335b58
```
#335b58 rgb(51,91,88)
```
#58335b
```
#58335b rgb(88,51,91)
```

Triadic Color

#365b33
```
#365b33 rgb(54,91,51)
```
#335b58
```
#335b58 rgb(51,91,88)
```
#58335b
```
#58335b rgb(88,51,91)
```
#5b3336
```
#5b3336 rgb(91,51,54)
```

Tetradic Color

#182a29
```
#182a29 rgb(24,42,41)
```
#213a38
```
#213a38 rgb(33,58,56)
```
#2a4b48
```
#2a4b48 rgb(42,75,72)
```
#335b58
```
#335b58 rgb(51,91,88)
```
#3c6b68
```
#3c6b68 rgb(60,107,104)
```
#457c78
```
#457c78 rgb(69,124,120)
```
#4e8c87
```
#4e8c87 rgb(78,140,135)
```

Monochromatic Color

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

#335b4e
```
#335b4e rgb(51,91,78)
```
#335b51
```
#335b51 rgb(51,91,81)
```
#335b55
```
#335b55 rgb(51,91,85)
```
#335b58
```
#335b58 rgb(51,91,88)
```
#335b5b
```
#335b5b rgb(51,91,91)
```
#33575b
```
#33575b rgb(51,87,91)
```
#33545b
```
#33545b rgb(51,84,91)
```

Similar Colors

Text with hexadecimal color #335b58

This text has a font color of #335b58.

<span style="color:#335b58;">Text here</span>

#335b58 background color

This paragraph has a background color of #335b58.

<p style="background-color:#335b58;">Content here</p>

#335b58 border color

This element has a border color of #335b58.

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

CSS codes

.text {color:#335b58;}

.background {background-color:#335b58;}

.border {border:1px solid #335b58;}

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

#020303
```
#020303 rgb(2,3,3)
```
#09100f
```
#09100f rgb(9,16,15)
```
#101c1b
```
#101c1b rgb(16,28,27)
```
#172927
```
#172927 rgb(23,41,39)
```
#1e3534
```
#1e3534 rgb(30,53,52)
```
#254240
```
#254240 rgb(37,66,64)
```
#2c4e4c
```
#2c4e4c rgb(44,78,76)
```
#335b58
```
#335b58 rgb(51,91,88)
```
#3a6864
```
#3a6864 rgb(58,104,100)
```
#417470
```
#417470 rgb(65,116,112)
```
#48817c
```
#48817c rgb(72,129,124)
```
#4f8d89
```
#4f8d89 rgb(79,141,137)
```
#569a95
```
#569a95 rgb(86,154,149)
```

Shade Color Variation

#5fa5a0
```
#5fa5a0 rgb(95,165,160)
```
#6baca7
```
#6baca7 rgb(107,172,167)
```
#78b3af
```
#78b3af rgb(120,179,175)
```
#84bab6
```
#84bab6 rgb(132,186,182)
```
#91c1be
```
#91c1be rgb(145,193,190)
```
#9dc8c5
```
#9dc8c5 rgb(157,200,197)
```
#aacfcd
```
#aacfcd rgb(170,207,205)
```
#b7d6d4
```
#b7d6d4 rgb(183,214,212)
```
#c3dddb
```
#c3dddb rgb(195,221,219)
```
#d0e5e3
```
#d0e5e3 rgb(208,229,227)
```
#dcecea
```
#dcecea rgb(220,236,234)
```
#e9f3f2
```
#e9f3f2 rgb(233,243,242)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#434b4a
```
#434b4a rgb(67,75,74)
```
#3e504f
```
#3e504f rgb(62,80,79)
```
#385653
```
#385653 rgb(56,86,83)
```
#335b58
```
#335b58 rgb(51,91,88)
```
#2e605d
```
#2e605d rgb(46,96,93)
```
#286661
```
#286661 rgb(40,102,97)
```
#236b66
```
#236b66 rgb(35,107,102)
```
#1d716b
```
#1d716b rgb(29,113,107)
```
#18766f
```
#18766f rgb(24,118,111)
```
#127c74
```
#127c74 rgb(18,124,116)
```
#0d8178
```
#0d8178 rgb(13,129,120)
```
#07877d
```
#07877d rgb(7,135,125)
```
#028c82
```
#028c82 rgb(2,140,130)
```

Tone Color Variation

Below, you can see how #335b58 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

#4f4f4f Achromatopsia 0.005% of the population
#495151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5c5c Protanopia 1% of men
#625a63 Deuteranopia 1% of men
#406269 Tritanopia 0.001% of the population

Trichromacy

#4e5c5b Protanomaly 1% of men, 0.01% of women
#515a5f Deuteranomaly 6% of men, 0.4% of women
#3b5f63 Tritanomaly 0.01% of the population

#335b58 hex color

#335b58 Color Information

#335b58 Color Conversion

Color Schemes with #335b58

Alternatives to #335b58

#335b58 Preview

Shades and Tints of #335b58

Tones of #335b58

Color Blindness Simulator