#285a3f hex color

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

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

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

The hexadecimal color #285a3f has RGB values of R:40, G:90, B:63 and CMYK values of C:0.56, M:0, Y:0.3, K:0.65. Its decimal value is 2644543.

Hex triplet	285a3f	`#285a3f`
RGB Decimal	40, 90, 63	`rgb(40,90,63)`
RGB Percent	15.7, 35.3, 24.7	`rgb(15.7%,35.3%,24.7%)`
CMYK	56, 0, 30, 65
HSL	147.6°, 38.5, 25.5	`hsl(147.6,38.5%,25.5%)`
HSV (or HSB)	147.6°, 55.6, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.236, -23.984, 10.573
XYZ	5.428, 8.122, 5.984
xyY	0.278, 0.416, 8.122
CIE-LCH	34.236, 26.211, 156.21
CIE-LUV	34.236, -21.503, 15.603
Hunter-Lab	28.499, -15.875, 7.5
Binary	00101000, 01011010, 00111111

#285a3f
```
#285a3f rgb(40,90,63)
```
#5a2843
```
#5a2843 rgb(90,40,67)
```

Complementary Color

#2a5a28
```
#2a5a28 rgb(42,90,40)
```
#285a3f
```
#285a3f rgb(40,90,63)
```
#285a58
```
#285a58 rgb(40,90,88)
```

Analogous Color

#5a282a
```
#5a282a rgb(90,40,42)
```
#285a3f
```
#285a3f rgb(40,90,63)
```
#58285a
```
#58285a rgb(88,40,90)
```

Split Complementary Color

#5a3f28
```
#5a3f28 rgb(90,63,40)
```
#285a3f
```
#285a3f rgb(40,90,63)
```
#3f285a
```
#3f285a rgb(63,40,90)
```

Triadic Color

#435a28
```
#435a28 rgb(67,90,40)
```
#285a3f
```
#285a3f rgb(40,90,63)
```
#3f285a
```
#3f285a rgb(63,40,90)
```
#5a2843
```
#5a2843 rgb(90,40,67)
```

Tetradic Color

#10251a
```
#10251a rgb(16,37,26)
```
#183726
```
#183726 rgb(24,55,38)
```
#204833
```
#204833 rgb(32,72,51)
```
#285a3f
```
#285a3f rgb(40,90,63)
```
#306c4b
```
#306c4b rgb(48,108,75)
```
#387d58
```
#387d58 rgb(56,125,88)
```
#408f64
```
#408f64 rgb(64,143,100)
```

Monochromatic Color

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

#285a33
```
#285a33 rgb(40,90,51)
```
#285a37
```
#285a37 rgb(40,90,55)
```
#285a3b
```
#285a3b rgb(40,90,59)
```
#285a3f
```
#285a3f rgb(40,90,63)
```
#285a43
```
#285a43 rgb(40,90,67)
```
#285a47
```
#285a47 rgb(40,90,71)
```
#285a4c
```
#285a4c rgb(40,90,76)
```

Similar Colors

Text with hexadecimal color #285a3f

This text has a font color of #285a3f.

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

#285a3f background color

This paragraph has a background color of #285a3f.

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

#285a3f border color

This element has a border color of #285a3f.

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

CSS codes

.text {color:#285a3f;}

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

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

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

#040906
```
#040906 rgb(4,9,6)
```
#0a160f
```
#0a160f rgb(10,22,15)
```
#102419
```
#102419 rgb(16,36,25)
```
#163122
```
#163122 rgb(22,49,34)
```
#1c3f2c
```
#1c3f2c rgb(28,63,44)
```
#224c35
```
#224c35 rgb(34,76,53)
```
#285a3f
```
#285a3f rgb(40,90,63)
```
#2e6849
```
#2e6849 rgb(46,104,73)
```
#347552
```
#347552 rgb(52,117,82)
```
#3a835c
```
#3a835c rgb(58,131,92)
```
#409065
```
#409065 rgb(64,144,101)
```
#469e6f
```
#469e6f rgb(70,158,111)
```
#4cab78
```
#4cab78 rgb(76,171,120)
```

Shade Color Variation

#57b482
```
#57b482 rgb(87,180,130)
```
#65ba8c
```
#65ba8c rgb(101,186,140)
```
#72c096
```
#72c096 rgb(114,192,150)
```
#80c6a0
```
#80c6a0 rgb(128,198,160)
```
#8dccaa
```
#8dccaa rgb(141,204,170)
```
#9bd3b4
```
#9bd3b4 rgb(155,211,180)
```
#a8d9bf
```
#a8d9bf rgb(168,217,191)
```
#b6dfc9
```
#b6dfc9 rgb(182,223,201)
```
#c4e5d3
```
#c4e5d3 rgb(196,229,211)
```
#d1ebdd
```
#d1ebdd rgb(209,235,221)
```
#dff1e7
```
#dff1e7 rgb(223,241,231)
```
#ecf7f1
```
#ecf7f1 rgb(236,247,241)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

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

#414141
```
#414141 rgb(65,65,65)
```
#3c4641
```
#3c4641 rgb(60,70,65)
```
#374b40
```
#374b40 rgb(55,75,64)
```
#325040
```
#325040 rgb(50,80,64)
```
#2d553f
```
#2d553f rgb(45,85,63)
```
#285a3f
```
#285a3f rgb(40,90,63)
```
#235f3f
```
#235f3f rgb(35,95,63)
```
#1e643e
```
#1e643e rgb(30,100,62)
```
#19693e
```
#19693e rgb(25,105,62)
```
#146e3d
```
#146e3d rgb(20,110,61)
```
#0f733d
```
#0f733d rgb(15,115,61)
```
#0a783d
```
#0a783d rgb(10,120,61)
```
#057d3c
```
#057d3c rgb(5,125,60)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#424c46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5945 Protanopia 1% of men
#66564d Deuteranopia 1% of men
#3c5e65 Tritanopia 0.001% of the population

Trichromacy

#4b5942 Protanomaly 1% of men, 0.01% of women
#4f5747 Deuteranomaly 6% of men, 0.4% of women
#355d57 Tritanomaly 0.01% of the population

#285a3f hex color

#285a3f Color Information

#285a3f Color Conversion

Color Schemes with #285a3f

Alternatives to #285a3f

#285a3f Preview

Shades and Tints of #285a3f

Tones of #285a3f

Color Blindness Simulator