#285b5c hex color

In a RGB color space, hex #285b5c is composed of 15.7% red, 35.7% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 1.1% magenta, 0% yellow and 63.9% black. It has a hue angle of 181.2 degrees, a saturation of 39.4% and a lightness of 25.9%. #285b5c color hex could be obtained by blending #50b6b8 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #285b5c has RGB values of R:40, G:91, B:92 and CMYK values of C:0.57, M:0.01, Y:0, K:0.64. Its decimal value is 2644828.

Hex triplet	285b5c	`#285b5c`
RGB Decimal	40, 91, 92	`rgb(40,91,92)`
RGB Percent	15.7, 35.7, 36.1	`rgb(15.7%,35.7%,36.1%)`
CMYK	57, 1, 0, 64
HSL	181.2°, 39.4, 25.9	`hsl(181.2,39.4%,25.9%)`
HSV (or HSB)	181.2°, 56.5, 36.1
Web Safe	336666	`#336666`

CIE-LAB	35.411, -16.634, -5.789
XYZ	6.547, 8.706, 11.46
xyY	0.245, 0.326, 8.706
CIE-LCH	35.411, 17.613, 199.189
CIE-LUV	35.411, -20.78, -5.3
Hunter-Lab	29.505, -12.024, -2.375
Binary	00101000, 01011011, 01011100

#285b5c
```
#285b5c rgb(40,91,92)
```
#5c2928
```
#5c2928 rgb(92,41,40)
```

Complementary Color

#285c43
```
#285c43 rgb(40,92,67)
```
#285b5c
```
#285b5c rgb(40,91,92)
```
#28415c
```
#28415c rgb(40,65,92)
```

Analogous Color

#5c4328
```
#5c4328 rgb(92,67,40)
```
#285b5c
```
#285b5c rgb(40,91,92)
```
#5c2841
```
#5c2841 rgb(92,40,65)
```

Split Complementary Color

#5b5c28
```
#5b5c28 rgb(91,92,40)
```
#285b5c
```
#285b5c rgb(40,91,92)
```
#5c285b
```
#5c285b rgb(92,40,91)
```

Triadic Color

#285c29
```
#285c29 rgb(40,92,41)
```
#285b5c
```
#285b5c rgb(40,91,92)
```
#5c285b
```
#5c285b rgb(92,40,91)
```
#5c2928
```
#5c2928 rgb(92,41,40)
```

Tetradic Color

#112627
```
#112627 rgb(17,38,39)
```
#193838
```
#193838 rgb(25,56,56)
```
#20494a
```
#20494a rgb(32,73,74)
```
#285b5c
```
#285b5c rgb(40,91,92)
```
#306d6e
```
#306d6e rgb(48,109,110)
```
#377e80
```
#377e80 rgb(55,126,128)
```
#3f9091
```
#3f9091 rgb(63,144,145)
```

Monochromatic Color

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

#285c50
```
#285c50 rgb(40,92,80)
```
#285c54
```
#285c54 rgb(40,92,84)
```
#285c59
```
#285c59 rgb(40,92,89)
```
#285b5c
```
#285b5c rgb(40,91,92)
```
#28575c
```
#28575c rgb(40,87,92)
```
#28525c
```
#28525c rgb(40,82,92)
```
#284e5c
```
#284e5c rgb(40,78,92)
```

Similar Colors

Text with hexadecimal color #285b5c

This text has a font color of #285b5c.

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

#285b5c background color

This paragraph has a background color of #285b5c.

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

#285b5c border color

This element has a border color of #285b5c.

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

CSS codes

.text {color:#285b5c;}

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

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

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, #040a0a is the darkest color, while #fbfdfd is the lightest one.

#040a0a
```
#040a0a rgb(4,10,10)
```
#0a1718
```
#0a1718 rgb(10,23,24)
```
#102525
```
#102525 rgb(16,37,37)
```
#163233
```
#163233 rgb(22,50,51)
```
#1c4041
```
#1c4041 rgb(28,64,65)
```
#224d4e
```
#224d4e rgb(34,77,78)
```
#285b5c
```
#285b5c rgb(40,91,92)
```
#2e696a
```
#2e696a rgb(46,105,106)
```
#347677
```
#347677 rgb(52,118,119)
```
#3a8485
```
#3a8485 rgb(58,132,133)
```
#409193
```
#409193 rgb(64,145,147)
```
#469fa0
```
#469fa0 rgb(70,159,160)
```
#4cacae
```
#4cacae rgb(76,172,174)
```

Shade Color Variation

#57b4b6
```
#57b4b6 rgb(87,180,182)
```
#65babc
```
#65babc rgb(101,186,188)
```
#73c0c2
```
#73c0c2 rgb(115,192,194)
```
#80c7c8
```
#80c7c8 rgb(128,199,200)
```
#8ecdce
```
#8ecdce rgb(142,205,206)
```
#9cd3d4
```
#9cd3d4 rgb(156,211,212)
```
#a9d9da
```
#a9d9da rgb(169,217,218)
```
#b7dfe0
```
#b7dfe0 rgb(183,223,224)
```
#c5e5e6
```
#c5e5e6 rgb(197,229,230)
```
#d2ebec
```
#d2ebec rgb(210,235,236)
```
#e0f1f2
```
#e0f1f2 rgb(224,241,242)
```
#eef7f7
```
#eef7f7 rgb(238,247,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#414343
```
#414343 rgb(65,67,67)
```
#3c4748
```
#3c4748 rgb(60,71,72)
```
#374c4d
```
#374c4d rgb(55,76,77)
```
#325152
```
#325152 rgb(50,81,82)
```
#2d5657
```
#2d5657 rgb(45,86,87)
```
#285b5c
```
#285b5c rgb(40,91,92)
```
#236061
```
#236061 rgb(35,96,97)
```
#1e6566
```
#1e6566 rgb(30,101,102)
```
#196a6b
```
#196a6b rgb(25,106,107)
```
#146f70
```
#146f70 rgb(20,111,112)
```
#0f7375
```
#0f7375 rgb(15,115,117)
```
#0a787a
```
#0a787a rgb(10,120,122)
```
#047d80
```
#047d80 rgb(4,125,128)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#454f4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5b60 Protanopia 1% of men
#5e5a67 Deuteranopia 1% of men
#356269 Tritanopia 0.001% of the population

Trichromacy

#495b5e Protanomaly 1% of men, 0.01% of women
#4a5a63 Deuteranomaly 6% of men, 0.4% of women
#305f64 Tritanomaly 0.01% of the population

#285b5c hex color

#285b5c Color Information

#285b5c Color Conversion

Color Schemes with #285b5c

Alternatives to #285b5c

#285b5c Preview

Shades and Tints of #285b5c

Tones of #285b5c

Color Blindness Simulator