#285d4d hex color

In a RGB color space, hex #285d4d is composed of 15.7% red, 36.5% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 0% magenta, 17.2% yellow and 63.5% black. It has a hue angle of 161.9 degrees, a saturation of 39.8% and a lightness of 26.1%. #285d4d color hex could be obtained by blending #50ba9a with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 36
- B 30
RGB color chart
- C 57
- M 0
- Y 17
- K 64
CMYK color chart

● #285d4d color description : Very dark desaturated cyan - lime green.

The hexadecimal color #285d4d has RGB values of R:40, G:93, B:77 and CMYK values of C:0.57, M:0, Y:0.17, K:0.64. Its decimal value is 2645325.

Hex triplet	285d4d	`#285d4d`
RGB Decimal	40, 93, 77	`rgb(40,93,77)`
RGB Percent	15.7, 36.5, 30.2	`rgb(15.7%,36.5%,30.2%)`
CMYK	57, 0, 17, 64
HSL	161.9°, 39.8, 26.1	`hsl(161.9,39.8%,26.1%)`
HSV (or HSB)	161.9°, 57, 36.5
Web Safe	336666	`#336666`

CIE-LAB	35.626, -22.028, 3.872
XYZ	6.129, 8.815, 8.399
xyY	0.263, 0.378, 8.815
CIE-LCH	35.626, 22.366, 170.03
CIE-LUV	35.626, -22.21, 7.754
Hunter-Lab	29.69, -15.113, 4.01
Binary	00101000, 01011101, 01001101

#285d4d
```
#285d4d rgb(40,93,77)
```
#5d2838
```
#5d2838 rgb(93,40,56)
```

Complementary Color

#285d33
```
#285d33 rgb(40,93,51)
```
#285d4d
```
#285d4d rgb(40,93,77)
```
#28535d
```
#28535d rgb(40,83,93)
```

Analogous Color

#5d3328
```
#5d3328 rgb(93,51,40)
```
#285d4d
```
#285d4d rgb(40,93,77)
```
#5d2853
```
#5d2853 rgb(93,40,83)
```

Split Complementary Color

#5d4d28
```
#5d4d28 rgb(93,77,40)
```
#285d4d
```
#285d4d rgb(40,93,77)
```
#4d285d
```
#4d285d rgb(77,40,93)
```

Triadic Color

#385d28
```
#385d28 rgb(56,93,40)
```
#285d4d
```
#285d4d rgb(40,93,77)
```
#4d285d
```
#4d285d rgb(77,40,93)
```
#5d2838
```
#5d2838 rgb(93,40,56)
```

Tetradic Color

#112821
```
#112821 rgb(17,40,33)
```
#19392f
```
#19392f rgb(25,57,47)
```
#204b3e
```
#204b3e rgb(32,75,62)
```
#285d4d
```
#285d4d rgb(40,93,77)
```
#306f5c
```
#306f5c rgb(48,111,92)
```
#37816b
```
#37816b rgb(55,129,107)
```
#3f9279
```
#3f9279 rgb(63,146,121)
```

Monochromatic Color

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

#285d40
```
#285d40 rgb(40,93,64)
```
#285d44
```
#285d44 rgb(40,93,68)
```
#285d49
```
#285d49 rgb(40,93,73)
```
#285d4d
```
#285d4d rgb(40,93,77)
```
#285d51
```
#285d51 rgb(40,93,81)
```
#285d56
```
#285d56 rgb(40,93,86)
```
#285d5a
```
#285d5a rgb(40,93,90)
```

Similar Colors

Text with hexadecimal color #285d4d

This text has a font color of #285d4d.

<span style="color:#285d4d;">Text here</span>

#285d4d background color

This paragraph has a background color of #285d4d.

<p style="background-color:#285d4d;">Content here</p>

#285d4d border color

This element has a border color of #285d4d.

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

CSS codes

.text {color:#285d4d;}

.background {background-color:#285d4d;}

.border {border:1px solid #285d4d;}

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, #050b09 is the darkest color, while #fcfefd is the lightest one.

#050b09
```
#050b09 rgb(5,11,9)
```
#0b1814
```
#0b1814 rgb(11,24,20)
```
#102620
```
#102620 rgb(16,38,32)
```
#16342b
```
#16342b rgb(22,52,43)
```
#1c4236
```
#1c4236 rgb(28,66,54)
```
#224f42
```
#224f42 rgb(34,79,66)
```
#285d4d
```
#285d4d rgb(40,93,77)
```
#2e6b58
```
#2e6b58 rgb(46,107,88)
```
#347864
```
#347864 rgb(52,120,100)
```
#3a866f
```
#3a866f rgb(58,134,111)
```
#40947a
```
#40947a rgb(64,148,122)
```
#45a286
```
#45a286 rgb(69,162,134)
```
#4baf91
```
#4baf91 rgb(75,175,145)
```

Shade Color Variation

#57b79a
```
#57b79a rgb(87,183,154)
```
#65bda2
```
#65bda2 rgb(101,189,162)
```
#73c3ab
```
#73c3ab rgb(115,195,171)
```
#81c9b3
```
#81c9b3 rgb(129,201,179)
```
#8ecfbb
```
#8ecfbb rgb(142,207,187)
```
#9cd4c3
```
#9cd4c3 rgb(156,212,195)
```
#aadacc
```
#aadacc rgb(170,218,204)
```
#b7e0d4
```
#b7e0d4 rgb(183,224,212)
```
#c5e6dc
```
#c5e6dc rgb(197,230,220)
```
#d3ece4
```
#d3ece4 rgb(211,236,228)
```
#e1f2ed
```
#e1f2ed rgb(225,242,237)
```
#eef8f5
```
#eef8f5 rgb(238,248,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#424343
```
#424343 rgb(66,67,67)
```
#3c4945
```
#3c4945 rgb(60,73,69)
```
#374e47
```
#374e47 rgb(55,78,71)
```
#325349
```
#325349 rgb(50,83,73)
```
#2d584b
```
#2d584b rgb(45,88,75)
```
#285d4d
```
#285d4d rgb(40,93,77)
```
#23624f
```
#23624f rgb(35,98,79)
```
#1e6751
```
#1e6751 rgb(30,103,81)
```
#196c53
```
#196c53 rgb(25,108,83)
```
#147155
```
#147155 rgb(20,113,85)
```
#0e7757
```
#0e7757 rgb(14,119,87)
```
#097c59
```
#097c59 rgb(9,124,89)
```
#04815b
```
#04815b rgb(4,129,91)
```

Tone Color Variation

Below, you can see how #285d4d 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

#4b4b4b Achromatopsia 0.005% of the population
#444f4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#605c51 Protanopia 1% of men
#66595a Deuteranopia 1% of men
#3a6269 Tritanopia 0.001% of the population

Trichromacy

#4c5c50 Protanomaly 1% of men, 0.01% of women
#4f5a55 Deuteranomaly 6% of men, 0.4% of women
#33605f Tritanomaly 0.01% of the population

#285d4d hex color

#285d4d Color Information

#285d4d Color Conversion

Color Schemes with #285d4d

Alternatives to #285d4d

#285d4d Preview

Shades and Tints of #285d4d

Tones of #285d4d

Color Blindness Simulator