#285a48 hex color

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

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

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

The hexadecimal color #285a48 has RGB values of R:40, G:90, B:72 and CMYK values of C:0.56, M:0, Y:0.2, K:0.65. Its decimal value is 2644552.

Hex triplet	285a48	`#285a48`
RGB Decimal	40, 90, 72	`rgb(40,90,72)`
RGB Percent	15.7, 35.3, 28.2	`rgb(15.7%,35.3%,28.2%)`
CMYK	56, 0, 20, 65
HSL	158.4°, 38.5, 25.5	`hsl(158.4,38.5%,25.5%)`
HSV (or HSB)	158.4°, 55.6, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.459, -21.779, 5.311
XYZ	5.701, 8.231, 7.419
xyY	0.267, 0.386, 8.231
CIE-LCH	34.459, 22.418, 166.295
CIE-LUV	34.459, -21.167, 9.356
Hunter-Lab	28.69, -14.739, 4.751
Binary	00101000, 01011010, 01001000

#285a48
```
#285a48 rgb(40,90,72)
```
#5a283a
```
#5a283a rgb(90,40,58)
```

Complementary Color

#285a2f
```
#285a2f rgb(40,90,47)
```
#285a48
```
#285a48 rgb(40,90,72)
```
#28535a
```
#28535a rgb(40,83,90)
```

Analogous Color

#5a2f28
```
#5a2f28 rgb(90,47,40)
```
#285a48
```
#285a48 rgb(40,90,72)
```
#5a2853
```
#5a2853 rgb(90,40,83)
```

Split Complementary Color

#5a4828
```
#5a4828 rgb(90,72,40)
```
#285a48
```
#285a48 rgb(40,90,72)
```
#48285a
```
#48285a rgb(72,40,90)
```

Triadic Color

#3a5a28
```
#3a5a28 rgb(58,90,40)
```
#285a48
```
#285a48 rgb(40,90,72)
```
#48285a
```
#48285a rgb(72,40,90)
```
#5a283a
```
#5a283a rgb(90,40,58)
```

Tetradic Color

#10251e
```
#10251e rgb(16,37,30)
```
#18372c
```
#18372c rgb(24,55,44)
```
#20483a
```
#20483a rgb(32,72,58)
```
#285a48
```
#285a48 rgb(40,90,72)
```
#306c56
```
#306c56 rgb(48,108,86)
```
#387d64
```
#387d64 rgb(56,125,100)
```
#408f72
```
#408f72 rgb(64,143,114)
```

Monochromatic Color

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

#285a3c
```
#285a3c rgb(40,90,60)
```
#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)
```
#285a55
```
#285a55 rgb(40,90,85)
```

Similar Colors

Text with hexadecimal color #285a48

This text has a font color of #285a48.

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

#285a48 background color

This paragraph has a background color of #285a48.

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

#285a48 border color

This element has a border color of #285a48.

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

CSS codes

.text {color:#285a48;}

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

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

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)
```
#163127
```
#163127 rgb(22,49,39)
```
#1c3f32
```
#1c3f32 rgb(28,63,50)
```
#224c3d
```
#224c3d rgb(34,76,61)
```
#285a48
```
#285a48 rgb(40,90,72)
```
#2e6853
```
#2e6853 rgb(46,104,83)
```
#34755e
```
#34755e rgb(52,117,94)
```
#3a8369
```
#3a8369 rgb(58,131,105)
```
#409073
```
#409073 rgb(64,144,115)
```
#469e7e
```
#469e7e rgb(70,158,126)
```
#4cab89
```
#4cab89 rgb(76,171,137)
```

Shade Color Variation

#57b493
```
#57b493 rgb(87,180,147)
```
#65ba9b
```
#65ba9b rgb(101,186,155)
```
#72c0a4
```
#72c0a4 rgb(114,192,164)
```
#80c6ad
```
#80c6ad rgb(128,198,173)
```
#8dccb6
```
#8dccb6 rgb(141,204,182)
```
#9bd3be
```
#9bd3be rgb(155,211,190)
```
#a8d9c7
```
#a8d9c7 rgb(168,217,199)
```
#b6dfd0
```
#b6dfd0 rgb(182,223,208)
```
#c4e5d9
```
#c4e5d9 rgb(196,229,217)
```
#d1ebe1
```
#d1ebe1 rgb(209,235,225)
```
#dff1ea
```
#dff1ea rgb(223,241,234)
```
#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 #057d52 is the most saturated one.

#414141
```
#414141 rgb(65,65,65)
```
#3c4642
```
#3c4642 rgb(60,70,66)
```
#374b44
```
#374b44 rgb(55,75,68)
```
#325045
```
#325045 rgb(50,80,69)
```
#2d5547
```
#2d5547 rgb(45,85,71)
```
#285a48
```
#285a48 rgb(40,90,72)
```
#235f49
```
#235f49 rgb(35,95,73)
```
#1e644b
```
#1e644b rgb(30,100,75)
```
#19694c
```
#19694c rgb(25,105,76)
```
#146e4e
```
#146e4e rgb(20,110,78)
```
#0f734f
```
#0f734f rgb(15,115,79)
```
#0a7850
```
#0a7850 rgb(10,120,80)
```
#057d52
```
#057d52 rgb(5,125,82)
```

Tone Color Variation

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

#5e594d Protanopia 1% of men
#645755 Deuteranopia 1% of men
#3a5f66 Tritanopia 0.001% of the population

Trichromacy

#4a594b Protanomaly 1% of men, 0.01% of women
#4e5850 Deuteranomaly 6% of men, 0.4% of women
#335d5b Tritanomaly 0.01% of the population

#285a48 hex color

#285a48 Color Information

#285a48 Color Conversion

Color Schemes with #285a48

Alternatives to #285a48

#285a48 Preview

Shades and Tints of #285a48

Tones of #285a48

Color Blindness Simulator