#285a5d hex color

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

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

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

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

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

CIE-LAB	35.11, -15.763, -6.864
XYZ	6.506, 8.553, 11.663
xyY	0.243, 0.32, 8.553
CIE-LCH	35.11, 17.193, 203.532
CIE-LUV	35.11, -20.339, -6.833
Hunter-Lab	29.246, -11.469, -3.173
Binary	00101000, 01011010, 01011101

#285a5d
```
#285a5d rgb(40,90,93)
```
#5d2b28
```
#5d2b28 rgb(93,43,40)
```

Complementary Color

#285d46
```
#285d46 rgb(40,93,70)
```
#285a5d
```
#285a5d rgb(40,90,93)
```
#28405d
```
#28405d rgb(40,64,93)
```

Analogous Color

#5d4628
```
#5d4628 rgb(93,70,40)
```
#285a5d
```
#285a5d rgb(40,90,93)
```
#5d2840
```
#5d2840 rgb(93,40,64)
```

Split Complementary Color

#5a5d28
```
#5a5d28 rgb(90,93,40)
```
#285a5d
```
#285a5d rgb(40,90,93)
```
#5d285a
```
#5d285a rgb(93,40,90)
```

Triadic Color

#285d2b
```
#285d2b rgb(40,93,43)
```
#285a5d
```
#285a5d rgb(40,90,93)
```
#5d285a
```
#5d285a rgb(93,40,90)
```
#5d2b28
```
#5d2b28 rgb(93,43,40)
```

Tetradic Color

#112628
```
#112628 rgb(17,38,40)
```
#193739
```
#193739 rgb(25,55,57)
```
#20494b
```
#20494b rgb(32,73,75)
```
#285a5d
```
#285a5d rgb(40,90,93)
```
#306b6f
```
#306b6f rgb(48,107,111)
```
#377d81
```
#377d81 rgb(55,125,129)
```
#3f8e92
```
#3f8e92 rgb(63,142,146)
```

Monochromatic Color

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

#285d53
```
#285d53 rgb(40,93,83)
```
#285d57
```
#285d57 rgb(40,93,87)
```
#285d5c
```
#285d5c rgb(40,93,92)
```
#285a5d
```
#285a5d rgb(40,90,93)
```
#28565d
```
#28565d rgb(40,86,93)
```
#28515d
```
#28515d rgb(40,81,93)
```
#284d5d
```
#284d5d rgb(40,77,93)
```

Similar Colors

Text with hexadecimal color #285a5d

This text has a font color of #285a5d.

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

#285a5d background color

This paragraph has a background color of #285a5d.

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

#285a5d border color

This element has a border color of #285a5d.

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

CSS codes

.text {color:#285a5d;}

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

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

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

#050a0b
```
#050a0b rgb(5,10,11)
```
#0b1818
```
#0b1818 rgb(11,24,24)
```
#102526
```
#102526 rgb(16,37,38)
```
#163234
```
#163234 rgb(22,50,52)
```
#1c3f42
```
#1c3f42 rgb(28,63,66)
```
#224d4f
```
#224d4f rgb(34,77,79)
```
#285a5d
```
#285a5d rgb(40,90,93)
```
#2e676b
```
#2e676b rgb(46,103,107)
```
#347578
```
#347578 rgb(52,117,120)
```
#3a8286
```
#3a8286 rgb(58,130,134)
```
#408f94
```
#408f94 rgb(64,143,148)
```
#459ca2
```
#459ca2 rgb(69,156,162)
```
#4baaaf
```
#4baaaf rgb(75,170,175)
```

Shade Color Variation

#57b2b7
```
#57b2b7 rgb(87,178,183)
```
#65b8bd
```
#65b8bd rgb(101,184,189)
```
#73bec3
```
#73bec3 rgb(115,190,195)
```
#81c5c9
```
#81c5c9 rgb(129,197,201)
```
#8ecbcf
```
#8ecbcf rgb(142,203,207)
```
#9cd1d4
```
#9cd1d4 rgb(156,209,212)
```
#aad8da
```
#aad8da rgb(170,216,218)
```
#b7dee0
```
#b7dee0 rgb(183,222,224)
```
#c5e4e6
```
#c5e4e6 rgb(197,228,230)
```
#d3ebec
```
#d3ebec rgb(211,235,236)
```
#e1f1f2
```
#e1f1f2 rgb(225,241,242)
```
#eef7f8
```
#eef7f8 rgb(238,247,248)
```
#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 #047a81 is the most saturated one.

#424343
```
#424343 rgb(66,67,67)
```
#3c4849
```
#3c4849 rgb(60,72,73)
```
#374c4e
```
#374c4e rgb(55,76,78)
```
#325153
```
#325153 rgb(50,81,83)
```
#2d5558
```
#2d5558 rgb(45,85,88)
```
#285a5d
```
#285a5d rgb(40,90,93)
```
#235f62
```
#235f62 rgb(35,95,98)
```
#1e6367
```
#1e6367 rgb(30,99,103)
```
#19686c
```
#19686c rgb(25,104,108)
```
#146c71
```
#146c71 rgb(20,108,113)
```
#0e7177
```
#0e7177 rgb(14,113,119)
```
#09757c
```
#09757c rgb(9,117,124)
```
#047a81
```
#047a81 rgb(4,122,129)
```

Tone Color Variation

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

Dichromacy

#5b5a61 Protanopia 1% of men
#5d5968 Deuteranopia 1% of men
#346169 Tritanopia 0.001% of the population

Trichromacy

#485a5f Protanomaly 1% of men, 0.01% of women
#495964 Deuteranomaly 6% of men, 0.4% of women
#305f64 Tritanomaly 0.01% of the population

#285a5d hex color

#285a5d Color Information

#285a5d Color Conversion

Color Schemes with #285a5d

Alternatives to #285a5d

#285a5d Preview

Shades and Tints of #285a5d

Tones of #285a5d

Color Blindness Simulator