#285a4c hex color

In a RGB color space, hex #285a4c is composed of 15.7% red, 35.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 15.6% yellow and 64.7% black. It has a hue angle of 163.2 degrees, a saturation of 38.5% and a lightness of 25.5%. #285a4c color hex could be obtained by blending #50b498 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 35
- B 30
RGB color chart
- C 56
- M 0
- Y 16
- K 65
CMYK color chart

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

The hexadecimal color #285a4c has RGB values of R:40, G:90, B:76 and CMYK values of C:0.56, M:0, Y:0.16, K:0.65. Its decimal value is 2644556.

Hex triplet	285a4c	`#285a4c`
RGB Decimal	40, 90, 76	`rgb(40,90,76)`
RGB Percent	15.7, 35.3, 29.8	`rgb(15.7%,35.3%,29.8%)`
CMYK	56, 0, 16, 65
HSL	163.2°, 38.5, 25.5	`hsl(163.2,38.5%,25.5%)`
HSV (or HSB)	163.2°, 55.6, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.569, -20.723, 2.974
XYZ	5.835, 8.285, 8.129
xyY	0.262, 0.372, 8.285
CIE-LCH	34.569, 20.935, 171.832
CIE-LUV	34.569, -21.013, 6.424
Hunter-Lab	28.783, -14.183, 3.404
Binary	00101000, 01011010, 01001100

#285a4c
```
#285a4c rgb(40,90,76)
```
#5a2836
```
#5a2836 rgb(90,40,54)
```

Complementary Color

#285a33
```
#285a33 rgb(40,90,51)
```
#285a4c
```
#285a4c rgb(40,90,76)
```
#284f5a
```
#284f5a rgb(40,79,90)
```

Analogous Color

#5a3328
```
#5a3328 rgb(90,51,40)
```
#285a4c
```
#285a4c rgb(40,90,76)
```
#5a284f
```
#5a284f rgb(90,40,79)
```

Split Complementary Color

#5a4c28
```
#5a4c28 rgb(90,76,40)
```
#285a4c
```
#285a4c rgb(40,90,76)
```
#4c285a
```
#4c285a rgb(76,40,90)
```

Triadic Color

#365a28
```
#365a28 rgb(54,90,40)
```
#285a4c
```
#285a4c rgb(40,90,76)
```
#4c285a
```
#4c285a rgb(76,40,90)
```
#5a2836
```
#5a2836 rgb(90,40,54)
```

Tetradic Color

#10251f
```
#10251f rgb(16,37,31)
```
#18372e
```
#18372e rgb(24,55,46)
```
#20483d
```
#20483d rgb(32,72,61)
```
#285a4c
```
#285a4c rgb(40,90,76)
```
#306c5b
```
#306c5b rgb(48,108,91)
```
#387d6a
```
#387d6a rgb(56,125,106)
```
#408f79
```
#408f79 rgb(64,143,121)
```

Monochromatic Color

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

#285a40
```
#285a40 rgb(40,90,64)
```
#285a44
```
#285a44 rgb(40,90,68)
```
#285a48
```
#285a48 rgb(40,90,72)
```
#285a4c
```
#285a4c rgb(40,90,76)
```
#285a50
```
#285a50 rgb(40,90,80)
```
#285a54
```
#285a54 rgb(40,90,84)
```
#285a58
```
#285a58 rgb(40,90,88)
```

Similar Colors

Text with hexadecimal color #285a4c

This text has a font color of #285a4c.

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

#285a4c background color

This paragraph has a background color of #285a4c.

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

#285a4c border color

This element has a border color of #285a4c.

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

CSS codes

.text {color:#285a4c;}

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

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

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, #040907 is the darkest color, while #fafdfc is the lightest one.

#040907
```
#040907 rgb(4,9,7)
```
#0a1613
```
#0a1613 rgb(10,22,19)
```
#10241e
```
#10241e rgb(16,36,30)
```
#16312a
```
#16312a rgb(22,49,42)
```
#1c3f35
```
#1c3f35 rgb(28,63,53)
```
#224c41
```
#224c41 rgb(34,76,65)
```
#285a4c
```
#285a4c rgb(40,90,76)
```
#2e6857
```
#2e6857 rgb(46,104,87)
```
#347563
```
#347563 rgb(52,117,99)
```
#3a836e
```
#3a836e rgb(58,131,110)
```
#40907a
```
#40907a rgb(64,144,122)
```
#469e85
```
#469e85 rgb(70,158,133)
```
#4cab91
```
#4cab91 rgb(76,171,145)
```

Shade Color Variation

#57b49a
```
#57b49a rgb(87,180,154)
```
#65baa2
```
#65baa2 rgb(101,186,162)
```
#72c0aa
```
#72c0aa rgb(114,192,170)
```
#80c6b3
```
#80c6b3 rgb(128,198,179)
```
#8dccbb
```
#8dccbb rgb(141,204,187)
```
#9bd3c3
```
#9bd3c3 rgb(155,211,195)
```
#a8d9cb
```
#a8d9cb rgb(168,217,203)
```
#b6dfd3
```
#b6dfd3 rgb(182,223,211)
```
#c4e5db
```
#c4e5db rgb(196,229,219)
```
#d1ebe4
```
#d1ebe4 rgb(209,235,228)
```
#dff1ec
```
#dff1ec rgb(223,241,236)
```
#ecf7f4
```
#ecf7f4 rgb(236,247,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#414141
```
#414141 rgb(65,65,65)
```
#3c4643
```
#3c4643 rgb(60,70,67)
```
#374b45
```
#374b45 rgb(55,75,69)
```
#325048
```
#325048 rgb(50,80,72)
```
#2d554a
```
#2d554a rgb(45,85,74)
```
#285a4c
```
#285a4c rgb(40,90,76)
```
#235f4e
```
#235f4e rgb(35,95,78)
```
#1e6450
```
#1e6450 rgb(30,100,80)
```
#196953
```
#196953 rgb(25,105,83)
```
#146e55
```
#146e55 rgb(20,110,85)
```
#0f7357
```
#0f7357 rgb(15,115,87)
```
#0a7859
```
#0a7859 rgb(10,120,89)
```
#057d5b
```
#057d5b rgb(5,125,91)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#424c4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5a51 Protanopia 1% of men
#635759 Deuteranopia 1% of men
#396067 Tritanopia 0.001% of the population

Trichromacy

#4a5a4f Protanomaly 1% of men, 0.01% of women
#4d5854 Deuteranomaly 6% of men, 0.4% of women
#335d5d Tritanomaly 0.01% of the population

#285a4c hex color

#285a4c Color Information

#285a4c Color Conversion

Color Schemes with #285a4c

Alternatives to #285a4c

#285a4c Preview

Shades and Tints of #285a4c

Tones of #285a4c

Color Blindness Simulator