#335f5a hex color

In a RGB color space, hex #335f5a is composed of 20% red, 37.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 0% magenta, 5.3% yellow and 62.7% black. It has a hue angle of 173.2 degrees, a saturation of 30.1% and a lightness of 28.6%. #335f5a color hex could be obtained by blending #66beb4 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #335f5a has RGB values of R:51, G:95, B:90 and CMYK values of C:0.46, M:0, Y:0.05, K:0.63. Its decimal value is 3366746.

Hex triplet	335f5a	`#335f5a`
RGB Decimal	51, 95, 90	`rgb(51,95,90)`
RGB Percent	20, 37.3, 35.3	`rgb(20%,37.3%,35.3%)`
CMYK	46, 0, 5, 63
HSL	173.2°, 30.1, 28.6	`hsl(173.2,30.1%,28.6%)`
HSV (or HSB)	173.2°, 46.3, 37.3
Web Safe	336666	`#336666`

CIE-LAB	37.163, -16.59, -1.897
XYZ	7.302, 9.626, 11.145
xyY	0.26, 0.343, 9.626
CIE-LCH	37.163, 16.699, 186.524
CIE-LUV	37.163, -19.354, -0.179
Hunter-Lab	31.026, -12.282, 0.419
Binary	00110011, 01011111, 01011010

#335f5a
```
#335f5a rgb(51,95,90)
```
#5f3338
```
#5f3338 rgb(95,51,56)
```

Complementary Color

#335f44
```
#335f44 rgb(51,95,68)
```
#335f5a
```
#335f5a rgb(51,95,90)
```
#334e5f
```
#334e5f rgb(51,78,95)
```

Analogous Color

#5f4433
```
#5f4433 rgb(95,68,51)
```
#335f5a
```
#335f5a rgb(51,95,90)
```
#5f334e
```
#5f334e rgb(95,51,78)
```

Split Complementary Color

#5f5a33
```
#5f5a33 rgb(95,90,51)
```
#335f5a
```
#335f5a rgb(51,95,90)
```
#5a335f
```
#5a335f rgb(90,51,95)
```

Triadic Color

#385f33
```
#385f33 rgb(56,95,51)
```
#335f5a
```
#335f5a rgb(51,95,90)
```
#5a335f
```
#5a335f rgb(90,51,95)
```
#5f3338
```
#5f3338 rgb(95,51,56)
```

Tetradic Color

#182d2b
```
#182d2b rgb(24,45,43)
```
#213e3b
```
#213e3b rgb(33,62,59)
```
#2a4e4a
```
#2a4e4a rgb(42,78,74)
```
#335f5a
```
#335f5a rgb(51,95,90)
```
#3c706a
```
#3c706a rgb(60,112,106)
```
#458079
```
#458079 rgb(69,128,121)
```
#4e9189
```
#4e9189 rgb(78,145,137)
```

Monochromatic Color

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

#335f4f
```
#335f4f rgb(51,95,79)
```
#335f53
```
#335f53 rgb(51,95,83)
```
#335f56
```
#335f56 rgb(51,95,86)
```
#335f5a
```
#335f5a rgb(51,95,90)
```
#335f5e
```
#335f5e rgb(51,95,94)
```
#335d5f
```
#335d5f rgb(51,93,95)
```
#33595f
```
#33595f rgb(51,89,95)
```

Similar Colors

Text with hexadecimal color #335f5a

This text has a font color of #335f5a.

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

#335f5a background color

This paragraph has a background color of #335f5a.

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

#335f5a border color

This element has a border color of #335f5a.

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

CSS codes

.text {color:#335f5a;}

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

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

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1211
```
#0a1211 rgb(10,18,17)
```
#111f1e
```
#111f1e rgb(17,31,30)
```
#182c2a
```
#182c2a rgb(24,44,42)
```
#1e3936
```
#1e3936 rgb(30,57,54)
```
#254542
```
#254542 rgb(37,69,66)
```
#2c524e
```
#2c524e rgb(44,82,78)
```
#335f5a
```
#335f5a rgb(51,95,90)
```
#3a6c66
```
#3a6c66 rgb(58,108,102)
```
#417972
```
#417972 rgb(65,121,114)
```
#48857e
```
#48857e rgb(72,133,126)
```
#4e928a
```
#4e928a rgb(78,146,138)
```
#559f96
```
#559f96 rgb(85,159,150)
```

Shade Color Variation

#5fa9a1
```
#5fa9a1 rgb(95,169,161)
```
#6bb0a8
```
#6bb0a8 rgb(107,176,168)
```
#78b7b0
```
#78b7b0 rgb(120,183,176)
```
#85beb7
```
#85beb7 rgb(133,190,183)
```
#92c4bf
```
#92c4bf rgb(146,196,191)
```
#9fcbc6
```
#9fcbc6 rgb(159,203,198)
```
#abd2ce
```
#abd2ce rgb(171,210,206)
```
#b8d9d5
```
#b8d9d5 rgb(184,217,213)
```
#c5e0dd
```
#c5e0dd rgb(197,224,221)
```
#d2e7e4
```
#d2e7e4 rgb(210,231,228)
```
#deedec
```
#deedec rgb(222,237,236)
```
#ebf4f3
```
#ebf4f3 rgb(235,244,243)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#444e4d
```
#444e4d rgb(68,78,77)
```
#3e5451
```
#3e5451 rgb(62,84,81)
```
#395956
```
#395956 rgb(57,89,86)
```
#335f5a
```
#335f5a rgb(51,95,90)
```
#2d655e
```
#2d655e rgb(45,101,94)
```
#286a63
```
#286a63 rgb(40,106,99)
```
#227067
```
#227067 rgb(34,112,103)
```
#1d756b
```
#1d756b rgb(29,117,107)
```
#177b70
```
#177b70 rgb(23,123,112)
```
#118174
```
#118174 rgb(17,129,116)
```
#0c8678
```
#0c8678 rgb(12,134,120)
```
#068c7d
```
#068c7d rgb(6,140,125)
```
#009281
```
#009281 rgb(0,146,129)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b5453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625f5e Protanopia 1% of men
#665d66 Deuteranopia 1% of men
#41656d Tritanopia 0.001% of the population

Trichromacy

#505f5c Protanomaly 1% of men, 0.01% of women
#535e61 Deuteranomaly 6% of men, 0.4% of women
#3c6366 Tritanomaly 0.01% of the population

#335f5a hex color

#335f5a Color Information

#335f5a Color Conversion

Color Schemes with #335f5a

Alternatives to #335f5a

#335f5a Preview

Shades and Tints of #335f5a

Tones of #335f5a

Color Blindness Simulator