#285d5a hex color

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

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

● #285d5a color description : Very dark desaturated cyan.

The hexadecimal color #285d5a has RGB values of R:40, G:93, B:90 and CMYK values of C:0.57, M:0, Y:0.03, K:0.64. Its decimal value is 2645338.

Hex triplet	285d5a	`#285d5a`
RGB Decimal	40, 93, 90	`rgb(40,93,90)`
RGB Percent	15.7, 36.5, 35.3	`rgb(15.7%,36.5%,35.3%)`
CMYK	57, 0, 3, 64
HSL	176.6°, 39.8, 26.1	`hsl(176.6,39.8%,26.1%)`
HSV (or HSB)	176.6°, 57, 36.5
Web Safe	336666	`#336666`

CIE-LAB	36.018, -18.347, -3.64
XYZ	6.634, 9.018, 11.063
xyY	0.248, 0.338, 9.018
CIE-LCH	36.018, 18.705, 191.222
CIE-LUV	36.018, -21.667, -2.251
Hunter-Lab	30.029, -13.115, -0.823
Binary	00101000, 01011101, 01011010

#285d5a
```
#285d5a rgb(40,93,90)
```
#5d282b
```
#5d282b rgb(93,40,43)
```

Complementary Color

#285d40
```
#285d40 rgb(40,93,64)
```
#285d5a
```
#285d5a rgb(40,93,90)
```
#28465d
```
#28465d rgb(40,70,93)
```

Analogous Color

#5d4028
```
#5d4028 rgb(93,64,40)
```
#285d5a
```
#285d5a rgb(40,93,90)
```
#5d2846
```
#5d2846 rgb(93,40,70)
```

Split Complementary Color

#5d5a28
```
#5d5a28 rgb(93,90,40)
```
#285d5a
```
#285d5a rgb(40,93,90)
```
#5a285d
```
#5a285d rgb(90,40,93)
```

Triadic Color

#2b5d28
```
#2b5d28 rgb(43,93,40)
```
#285d5a
```
#285d5a rgb(40,93,90)
```
#5a285d
```
#5a285d rgb(90,40,93)
```
#5d282b
```
#5d282b rgb(93,40,43)
```

Tetradic Color

#112826
```
#112826 rgb(17,40,38)
```
#193937
```
#193937 rgb(25,57,55)
```
#204b49
```
#204b49 rgb(32,75,73)
```
#285d5a
```
#285d5a rgb(40,93,90)
```
#306f6b
```
#306f6b rgb(48,111,107)
```
#37817d
```
#37817d rgb(55,129,125)
```
#3f928e
```
#3f928e rgb(63,146,142)
```

Monochromatic Color

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

#285d4d
```
#285d4d rgb(40,93,77)
```
#285d51
```
#285d51 rgb(40,93,81)
```
#285d56
```
#285d56 rgb(40,93,86)
```
#285d5a
```
#285d5a rgb(40,93,90)
```
#285c5d
```
#285c5d rgb(40,92,93)
```
#28575d
```
#28575d rgb(40,87,93)
```
#28535d
```
#28535d rgb(40,83,93)
```

Similar Colors

Text with hexadecimal color #285d5a

This text has a font color of #285d5a.

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

#285d5a background color

This paragraph has a background color of #285d5a.

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

#285d5a border color

This element has a border color of #285d5a.

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

CSS codes

.text {color:#285d5a;}

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

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

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

#050b0a
```
#050b0a rgb(5,11,10)
```
#0b1818
```
#0b1818 rgb(11,24,24)
```
#102625
```
#102625 rgb(16,38,37)
```
#163432
```
#163432 rgb(22,52,50)
```
#1c423f
```
#1c423f rgb(28,66,63)
```
#224f4d
```
#224f4d rgb(34,79,77)
```
#285d5a
```
#285d5a rgb(40,93,90)
```
#2e6b67
```
#2e6b67 rgb(46,107,103)
```
#347875
```
#347875 rgb(52,120,117)
```
#3a8682
```
#3a8682 rgb(58,134,130)
```
#40948f
```
#40948f rgb(64,148,143)
```
#45a29c
```
#45a29c rgb(69,162,156)
```
#4bafaa
```
#4bafaa rgb(75,175,170)
```

Shade Color Variation

#57b7b2
```
#57b7b2 rgb(87,183,178)
```
#65bdb8
```
#65bdb8 rgb(101,189,184)
```
#73c3be
```
#73c3be rgb(115,195,190)
```
#81c9c5
```
#81c9c5 rgb(129,201,197)
```
#8ecfcb
```
#8ecfcb rgb(142,207,203)
```
#9cd4d1
```
#9cd4d1 rgb(156,212,209)
```
#aadad8
```
#aadad8 rgb(170,218,216)
```
#b7e0de
```
#b7e0de rgb(183,224,222)
```
#c5e6e4
```
#c5e6e4 rgb(197,230,228)
```
#d3eceb
```
#d3eceb rgb(211,236,235)
```
#e1f2f1
```
#e1f2f1 rgb(225,242,241)
```
#eef8f7
```
#eef8f7 rgb(238,248,247)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#424343
```
#424343 rgb(66,67,67)
```
#3c4948
```
#3c4948 rgb(60,73,72)
```
#374e4c
```
#374e4c rgb(55,78,76)
```
#325351
```
#325351 rgb(50,83,81)
```
#2d5855
```
#2d5855 rgb(45,88,85)
```
#285d5a
```
#285d5a rgb(40,93,90)
```
#23625f
```
#23625f rgb(35,98,95)
```
#1e6763
```
#1e6763 rgb(30,103,99)
```
#196c68
```
#196c68 rgb(25,108,104)
```
#14716c
```
#14716c rgb(20,113,108)
```
#0e7771
```
#0e7771 rgb(14,119,113)
```
#097c75
```
#097c75 rgb(9,124,117)
```
#04817a
```
#04817a rgb(4,129,122)
```

Tone Color Variation

Below, you can see how #285d5a 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
#465050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5d5e Protanopia 1% of men
#625b66 Deuteranopia 1% of men
#37646b Tritanopia 0.001% of the population

Trichromacy

#4a5d5c Protanomaly 1% of men, 0.01% of women
#4c5b61 Deuteranomaly 6% of men, 0.4% of women
#316165 Tritanomaly 0.01% of the population

#285d5a hex color

#285d5a Color Information

#285d5a Color Conversion

Color Schemes with #285d5a

Alternatives to #285d5a

#285d5a Preview

Shades and Tints of #285d5a

Tones of #285d5a

Color Blindness Simulator