#285e52 hex color

In a RGB color space, hex #285e52 is composed of 15.7% red, 36.9% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 0% magenta, 12.8% yellow and 63.1% black. It has a hue angle of 166.7 degrees, a saturation of 40.3% and a lightness of 26.3%. #285e52 color hex could be obtained by blending #50bca4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 37
- B 32
RGB color chart
- C 57
- M 0
- Y 13
- K 63
CMYK color chart

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

The hexadecimal color #285e52 has RGB values of R:40, G:94, B:82 and CMYK values of C:0.57, M:0, Y:0.13, K:0.63. Its decimal value is 2645586.

Hex triplet	285e52	`#285e52`
RGB Decimal	40, 94, 82	`rgb(40,94,82)`
RGB Percent	15.7, 36.9, 32.2	`rgb(15.7%,36.9%,32.2%)`
CMYK	57, 0, 13, 63
HSL	166.7°, 40.3, 26.3	`hsl(166.7,40.3%,26.3%)`
HSV (or HSB)	166.7°, 57.4, 36.9
Web Safe	336666	`#336666`

CIE-LAB	36.11, -21.192, 1.468
XYZ	6.4, 9.065, 9.395
xyY	0.257, 0.365, 9.065
CIE-LCH	36.11, 21.243, 176.038
CIE-LUV	36.11, -22.411, 4.696
Hunter-Lab	30.109, -14.746, 2.576
Binary	00101000, 01011110, 01010010

#285e52
```
#285e52 rgb(40,94,82)
```
#5e2834
```
#5e2834 rgb(94,40,52)
```

Complementary Color

#285e37
```
#285e37 rgb(40,94,55)
```
#285e52
```
#285e52 rgb(40,94,82)
```
#284f5e
```
#284f5e rgb(40,79,94)
```

Analogous Color

#5e3728
```
#5e3728 rgb(94,55,40)
```
#285e52
```
#285e52 rgb(40,94,82)
```
#5e284f
```
#5e284f rgb(94,40,79)
```

Split Complementary Color

#5e5228
```
#5e5228 rgb(94,82,40)
```
#285e52
```
#285e52 rgb(40,94,82)
```
#52285e
```
#52285e rgb(82,40,94)
```

Triadic Color

#345e28
```
#345e28 rgb(52,94,40)
```
#285e52
```
#285e52 rgb(40,94,82)
```
#52285e
```
#52285e rgb(82,40,94)
```
#5e2834
```
#5e2834 rgb(94,40,52)
```

Tetradic Color

#112823
```
#112823 rgb(17,40,35)
```
#193a33
```
#193a33 rgb(25,58,51)
```
#204c42
```
#204c42 rgb(32,76,66)
```
#285e52
```
#285e52 rgb(40,94,82)
```
#307062
```
#307062 rgb(48,112,98)
```
#378271
```
#378271 rgb(55,130,113)
```
#3f9481
```
#3f9481 rgb(63,148,129)
```

Monochromatic Color

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

#285e45
```
#285e45 rgb(40,94,69)
```
#285e49
```
#285e49 rgb(40,94,73)
```
#285e4e
```
#285e4e rgb(40,94,78)
```
#285e52
```
#285e52 rgb(40,94,82)
```
#285e57
```
#285e57 rgb(40,94,87)
```
#285e5b
```
#285e5b rgb(40,94,91)
```
#285d5e
```
#285d5e rgb(40,93,94)
```

Similar Colors

Text with hexadecimal color #285e52

This text has a font color of #285e52.

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

#285e52 background color

This paragraph has a background color of #285e52.

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

#285e52 border color

This element has a border color of #285e52.

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

CSS codes

.text {color:#285e52;}

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

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

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 #fdfefe is the lightest one.

#050b0a
```
#050b0a rgb(5,11,10)
```
#0b1916
```
#0b1916 rgb(11,25,22)
```
#112722
```
#112722 rgb(17,39,34)
```
#16352e
```
#16352e rgb(22,53,46)
```
#1c423a
```
#1c423a rgb(28,66,58)
```
#225046
```
#225046 rgb(34,80,70)
```
#285e52
```
#285e52 rgb(40,94,82)
```
#2e6c5e
```
#2e6c5e rgb(46,108,94)
```
#347a6a
```
#347a6a rgb(52,122,106)
```
#3a8776
```
#3a8776 rgb(58,135,118)
```
#3f9582
```
#3f9582 rgb(63,149,130)
```
#45a38e
```
#45a38e rgb(69,163,142)
```
#4bb19a
```
#4bb19a rgb(75,177,154)
```

Shade Color Variation

#58b8a2
```
#58b8a2 rgb(88,184,162)
```
#65beaa
```
#65beaa rgb(101,190,170)
```
#73c3b2
```
#73c3b2 rgb(115,195,178)
```
#81c9b9
```
#81c9b9 rgb(129,201,185)
```
#8fcfc1
```
#8fcfc1 rgb(143,207,193)
```
#9cd5c8
```
#9cd5c8 rgb(156,213,200)
```
#aadbd0
```
#aadbd0 rgb(170,219,208)
```
#b8e1d8
```
#b8e1d8 rgb(184,225,216)
```
#c6e7df
```
#c6e7df rgb(198,231,223)
```
#d3ece7
```
#d3ece7 rgb(211,236,231)
```
#e1f2ee
```
#e1f2ee rgb(225,242,238)
```
#eff8f6
```
#eff8f6 rgb(239,248,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#424444
```
#424444 rgb(66,68,68)
```
#3d4947
```
#3d4947 rgb(61,73,71)
```
#374f49
```
#374f49 rgb(55,79,73)
```
#32544c
```
#32544c rgb(50,84,76)
```
#2d594f
```
#2d594f rgb(45,89,79)
```
#285e52
```
#285e52 rgb(40,94,82)
```
#236355
```
#236355 rgb(35,99,85)
```
#1e6858
```
#1e6858 rgb(30,104,88)
```
#196d5b
```
#196d5b rgb(25,109,91)
```
#13735d
```
#13735d rgb(19,115,93)
```
#0e7860
```
#0e7860 rgb(14,120,96)
```
#097d63
```
#097d63 rgb(9,125,99)
```
#048266
```
#048266 rgb(4,130,102)
```

Tone Color Variation

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

Dichromacy

#615d56 Protanopia 1% of men
#655b5e Deuteranopia 1% of men
#39636b Tritanopia 0.001% of the population

Trichromacy

#4c5d54 Protanomaly 1% of men, 0.01% of women
#4f5c5a Deuteranomaly 6% of men, 0.4% of women
#336162 Tritanomaly 0.01% of the population

#285e52 hex color

#285e52 Color Information

#285e52 Color Conversion

Color Schemes with #285e52

Alternatives to #285e52

#285e52 Preview

Shades and Tints of #285e52

Tones of #285e52

Color Blindness Simulator