#285a4a hex color

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

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

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

The hexadecimal color #285a4a has RGB values of R:40, G:90, B:74 and CMYK values of C:0.56, M:0, Y:0.18, K:0.65. Its decimal value is 2644554.

Hex triplet	285a4a	`#285a4a`
RGB Decimal	40, 90, 74	`rgb(40,90,74)`
RGB Percent	15.7, 35.3, 29	`rgb(15.7%,35.3%,29%)`
CMYK	56, 0, 18, 65
HSL	160.8°, 38.5, 25.5	`hsl(160.8,38.5%,25.5%)`
HSV (or HSB)	160.8°, 55.6, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.513, -21.257, 4.142
XYZ	5.767, 8.257, 7.768
xyY	0.265, 0.379, 8.257
CIE-LCH	34.513, 21.657, 168.973
CIE-LUV	34.513, -21.09, 7.901
Hunter-Lab	28.736, -14.465, 4.087
Binary	00101000, 01011010, 01001010

#285a4a
```
#285a4a rgb(40,90,74)
```
#5a2838
```
#5a2838 rgb(90,40,56)
```

Complementary Color

#285a31
```
#285a31 rgb(40,90,49)
```
#285a4a
```
#285a4a rgb(40,90,74)
```
#28515a
```
#28515a rgb(40,81,90)
```

Analogous Color

#5a3128
```
#5a3128 rgb(90,49,40)
```
#285a4a
```
#285a4a rgb(40,90,74)
```
#5a2851
```
#5a2851 rgb(90,40,81)
```

Split Complementary Color

#5a4a28
```
#5a4a28 rgb(90,74,40)
```
#285a4a
```
#285a4a rgb(40,90,74)
```
#4a285a
```
#4a285a rgb(74,40,90)
```

Triadic Color

#385a28
```
#385a28 rgb(56,90,40)
```
#285a4a
```
#285a4a rgb(40,90,74)
```
#4a285a
```
#4a285a rgb(74,40,90)
```
#5a2838
```
#5a2838 rgb(90,40,56)
```

Tetradic Color

#10251e
```
#10251e rgb(16,37,30)
```
#18372d
```
#18372d rgb(24,55,45)
```
#20483b
```
#20483b rgb(32,72,59)
```
#285a4a
```
#285a4a rgb(40,90,74)
```
#306c59
```
#306c59 rgb(48,108,89)
```
#387d67
```
#387d67 rgb(56,125,103)
```
#408f76
```
#408f76 rgb(64,143,118)
```

Monochromatic Color

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

#285a3e
```
#285a3e rgb(40,90,62)
```
#285a42
```
#285a42 rgb(40,90,66)
```
#285a46
```
#285a46 rgb(40,90,70)
```
#285a4a
```
#285a4a rgb(40,90,74)
```
#285a4e
```
#285a4e rgb(40,90,78)
```
#285a52
```
#285a52 rgb(40,90,82)
```
#285a57
```
#285a57 rgb(40,90,87)
```

Similar Colors

Text with hexadecimal color #285a4a

This text has a font color of #285a4a.

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

#285a4a background color

This paragraph has a background color of #285a4a.

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

#285a4a border color

This element has a border color of #285a4a.

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

CSS codes

.text {color:#285a4a;}

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

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

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)
```
#0a1612
```
#0a1612 rgb(10,22,18)
```
#10241d
```
#10241d rgb(16,36,29)
```
#163129
```
#163129 rgb(22,49,41)
```
#1c3f34
```
#1c3f34 rgb(28,63,52)
```
#224c3f
```
#224c3f rgb(34,76,63)
```
#285a4a
```
#285a4a rgb(40,90,74)
```
#2e6855
```
#2e6855 rgb(46,104,85)
```
#347560
```
#347560 rgb(52,117,96)
```
#3a836b
```
#3a836b rgb(58,131,107)
```
#409077
```
#409077 rgb(64,144,119)
```
#469e82
```
#469e82 rgb(70,158,130)
```
#4cab8d
```
#4cab8d rgb(76,171,141)
```

Shade Color Variation

#57b496
```
#57b496 rgb(87,180,150)
```
#65ba9f
```
#65ba9f rgb(101,186,159)
```
#72c0a7
```
#72c0a7 rgb(114,192,167)
```
#80c6b0
```
#80c6b0 rgb(128,198,176)
```
#8dccb8
```
#8dccb8 rgb(141,204,184)
```
#9bd3c1
```
#9bd3c1 rgb(155,211,193)
```
#a8d9c9
```
#a8d9c9 rgb(168,217,201)
```
#b6dfd2
```
#b6dfd2 rgb(182,223,210)
```
#c4e5da
```
#c4e5da rgb(196,229,218)
```
#d1ebe3
```
#d1ebe3 rgb(209,235,227)
```
#dff1eb
```
#dff1eb rgb(223,241,235)
```
#ecf7f3
```
#ecf7f3 rgb(236,247,243)
```
#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 #057d57 is the most saturated one.

#414141
```
#414141 rgb(65,65,65)
```
#3c4643
```
#3c4643 rgb(60,70,67)
```
#374b45
```
#374b45 rgb(55,75,69)
```
#325046
```
#325046 rgb(50,80,70)
```
#2d5548
```
#2d5548 rgb(45,85,72)
```
#285a4a
```
#285a4a rgb(40,90,74)
```
#235f4c
```
#235f4c rgb(35,95,76)
```
#1e644e
```
#1e644e rgb(30,100,78)
```
#19694f
```
#19694f rgb(25,105,79)
```
#146e51
```
#146e51 rgb(20,110,81)
```
#0f7353
```
#0f7353 rgb(15,115,83)
```
#0a7855
```
#0a7855 rgb(10,120,85)
```
#057d57
```
#057d57 rgb(5,125,87)
```

Tone Color Variation

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

Dichromacy

#5e594f Protanopia 1% of men
#635757 Deuteranopia 1% of men
#3a5f66 Tritanopia 0.001% of the population

Trichromacy

#4a594d Protanomaly 1% of men, 0.01% of women
#4d5852 Deuteranomaly 6% of men, 0.4% of women
#335d5c Tritanomaly 0.01% of the population

#285a4a hex color

#285a4a Color Information

#285a4a Color Conversion

Color Schemes with #285a4a

Alternatives to #285a4a

#285a4a Preview

Shades and Tints of #285a4a

Tones of #285a4a

Color Blindness Simulator