colorhexa.com

#335d42 hex color

In a RGB color space, hex #335d42 is composed of 20% red, 36.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 0% magenta, 29% yellow and 63.5% black. It has a hue angle of 141.4 degrees, a saturation of 29.2% and a lightness of 28.2%. #335d42 color hex could be obtained by blending #66ba84 with #000000. Closest websafe color is: #336633.

- R 20
- G 36
- B 26
RGB color chart
- C 45
- M 0
- Y 29
- K 64
CMYK color chart

● #335d42 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #335d42 has RGB values of R:51, G:93, B:66 and CMYK values of C:0.45, M:0, Y:0.29, K:0.64. Its decimal value is 3366210.

Hex triplet	335d42	`#335d42`
RGB Decimal	51, 93, 66	`rgb(51,93,66)`
RGB Percent	20, 36.5, 25.9	`rgb(20%,36.5%,25.9%)`
CMYK	45, 0, 29, 64
HSL	141.4°, 29.2, 28.2	`hsl(141.4,29.2%,28.2%)`
HSV (or HSB)	141.4°, 45.2, 36.5
Web Safe	336633	`#336633`

CIE-LAB	35.84, -21.501, 11.028
XYZ	6.263, 8.926, 6.547
xyY	0.288, 0.411, 8.926
CIE-LCH	35.84, 24.164, 152.847
CIE-LUV	35.84, -19.133, 16.027
Hunter-Lab	29.876, -14.865, 7.92
Binary	00110011, 01011101, 01000010

#335d42
```
#335d42 rgb(51,93,66)
```
#5d334e
```
#5d334e rgb(93,51,78)
```

Complementary Color

#395d33
```
#395d33 rgb(57,93,51)
```
#335d42
```
#335d42 rgb(51,93,66)
```
#335d57
```
#335d57 rgb(51,93,87)
```

Analogous Color

#5d3339
```
#5d3339 rgb(93,51,57)
```
#335d42
```
#335d42 rgb(51,93,66)
```
#57335d
```
#57335d rgb(87,51,93)
```

Split Complementary Color

#182c1f
```
#182c1f rgb(24,44,31)
```
#213c2b
```
#213c2b rgb(33,60,43)
```
#2a4d36
```
#2a4d36 rgb(42,77,54)
```
#335d42
```
#335d42 rgb(51,93,66)
```
#3c6d4e
```
#3c6d4e rgb(60,109,78)
```
#457e59
```
#457e59 rgb(69,126,89)
```
#4e8e65
```
#4e8e65 rgb(78,142,101)
```

Monochromatic Color

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

#335d38
```
#335d38 rgb(51,93,56)
```
#335d3b
```
#335d3b rgb(51,93,59)
```
#335d3f
```
#335d3f rgb(51,93,63)
```
#335d42
```
#335d42 rgb(51,93,66)
```
#335d46
```
#335d46 rgb(51,93,70)
```
#335d49
```
#335d49 rgb(51,93,73)
```
#335d4d
```
#335d4d rgb(51,93,77)
```

Similar Colors

Text with hexadecimal color #335d42

This text has a font color of #335d42.

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

#335d42 background color

This paragraph has a background color of #335d42.

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

#335d42 border color

This element has a border color of #335d42.

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

CSS codes

.text {color:#335d42;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#09110c
```
#09110c rgb(9,17,12)
```
#101e15
```
#101e15 rgb(16,30,21)
```
#172a1e
```
#172a1e rgb(23,42,30)
```
#1e3727
```
#1e3727 rgb(30,55,39)
```
#254430
```
#254430 rgb(37,68,48)
```
#2c5039
```
#2c5039 rgb(44,80,57)
```
#335d42
```
#335d42 rgb(51,93,66)
```
#3a6a4b
```
#3a6a4b rgb(58,106,75)
```
#417654
```
#417654 rgb(65,118,84)
```
#48835d
```
#48835d rgb(72,131,93)
```
#4f9066
```
#4f9066 rgb(79,144,102)
```
#569c6f
```
#569c6f rgb(86,156,111)
```

Shade Color Variation

#5fa779
```
#5fa779 rgb(95,167,121)
```
#6bae83
```
#6bae83 rgb(107,174,131)
```
#78b58e
```
#78b58e rgb(120,181,142)
```
#85bc98
```
#85bc98 rgb(133,188,152)
```
#91c3a3
```
#91c3a3 rgb(145,195,163)
```
#9ecaae
```
#9ecaae rgb(158,202,174)
```
#abd1b8
```
#abd1b8 rgb(171,209,184)
```
#b7d8c3
```
#b7d8c3 rgb(183,216,195)
```
#c4dfce
```
#c4dfce rgb(196,223,206)
```
#d1e6d8
```
#d1e6d8 rgb(209,230,216)
```
#ddede3
```
#ddede3 rgb(221,237,227)
```
#eaf3ed
```
#eaf3ed rgb(234,243,237)
```
#f7faf8
```
#f7faf8 rgb(247,250,248)
```

Tint Color Variation

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

#444c47
```
#444c47 rgb(68,76,71)
```
#3e5245
```
#3e5245 rgb(62,82,69)
```
#395744
```
#395744 rgb(57,87,68)
```
#335d42
```
#335d42 rgb(51,93,66)
```
#2d6340
```
#2d6340 rgb(45,99,64)
```
#28683f
```
#28683f rgb(40,104,63)
```
#226e3d
```
#226e3d rgb(34,110,61)
```
#1d733c
```
#1d733c rgb(29,115,60)
```
#17793a
```
#17793a rgb(23,121,58)
```
#127e39
```
#127e39 rgb(18,126,57)
```
#0c8437
```
#0c8437 rgb(12,132,55)
```
#078935
```
#078935 rgb(7,137,53)
```
#018f34
```
#018f34 rgb(1,143,52)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#48504b Atypical Achromatopsia 0.001% of the population

Dichromacy

#635d48 Protanopia 1% of men
#6a594f Deuteranopia 1% of men
#456168 Tritanopia 0.001% of the population

Trichromacy

#515d45 Protanomaly 1% of men, 0.01% of women
#565b4a Deuteranomaly 6% of men, 0.4% of women
#3e5f5a Tritanomaly 0.01% of the population