#2a5d4e hex color

In a RGB color space, hex #2a5d4e is composed of 16.5% red, 36.5% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 0% magenta, 16.1% yellow and 63.5% black. It has a hue angle of 162.4 degrees, a saturation of 37.8% and a lightness of 26.5%. #2a5d4e color hex could be obtained by blending #54ba9c with #000000. Closest websafe color is: #336666.

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

● #2a5d4e color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2a5d4e has RGB values of R:42, G:93, B:78 and CMYK values of C:0.55, M:0, Y:0.16, K:0.64. Its decimal value is 2776398.

Hex triplet	2a5d4e	`#2a5d4e`
RGB Decimal	42, 93, 78	`rgb(42,93,78)`
RGB Percent	16.5, 36.5, 30.6	`rgb(16.5%,36.5%,30.6%)`
CMYK	55, 0, 16, 64
HSL	162.4°, 37.8, 26.5	`hsl(162.4,37.8%,26.5%)`
HSV (or HSB)	162.4°, 54.8, 36.5
Web Safe	336666	`#336666`

CIE-LAB	35.734, -21.243, 3.417
XYZ	6.244, 8.871, 8.59
xyY	0.263, 0.374, 8.871
CIE-LCH	35.734, 21.516, 170.862
CIE-LUV	35.734, -21.62, 7.106
Hunter-Lab	29.783, -14.7, 3.747
Binary	00101010, 01011101, 01001110

#2a5d4e
```
#2a5d4e rgb(42,93,78)
```
#5d2a39
```
#5d2a39 rgb(93,42,57)
```

Complementary Color

#2a5d35
```
#2a5d35 rgb(42,93,53)
```
#2a5d4e
```
#2a5d4e rgb(42,93,78)
```
#2a535d
```
#2a535d rgb(42,83,93)
```

Analogous Color

#5d352a
```
#5d352a rgb(93,53,42)
```
#2a5d4e
```
#2a5d4e rgb(42,93,78)
```
#5d2a53
```
#5d2a53 rgb(93,42,83)
```

Split Complementary Color

#5d4e2a
```
#5d4e2a rgb(93,78,42)
```
#2a5d4e
```
#2a5d4e rgb(42,93,78)
```
#4e2a5d
```
#4e2a5d rgb(78,42,93)
```

Triadic Color

#395d2a
```
#395d2a rgb(57,93,42)
```
#2a5d4e
```
#2a5d4e rgb(42,93,78)
```
#4e2a5d
```
#4e2a5d rgb(78,42,93)
```
#5d2a39
```
#5d2a39 rgb(93,42,57)
```

Tetradic Color

#122822
```
#122822 rgb(18,40,34)
```
#1a3a31
```
#1a3a31 rgb(26,58,49)
```
#224b3f
```
#224b3f rgb(34,75,63)
```
#2a5d4e
```
#2a5d4e rgb(42,93,78)
```
#326f5d
```
#326f5d rgb(50,111,93)
```
#3a806b
```
#3a806b rgb(58,128,107)
```
#42927a
```
#42927a rgb(66,146,122)
```

Monochromatic Color

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

#2a5d41
```
#2a5d41 rgb(42,93,65)
```
#2a5d46
```
#2a5d46 rgb(42,93,70)
```
#2a5d4a
```
#2a5d4a rgb(42,93,74)
```
#2a5d4e
```
#2a5d4e rgb(42,93,78)
```
#2a5d52
```
#2a5d52 rgb(42,93,82)
```
#2a5d57
```
#2a5d57 rgb(42,93,87)
```
#2a5d5b
```
#2a5d5b rgb(42,93,91)
```

Similar Colors

Text with hexadecimal color #2a5d4e

This text has a font color of #2a5d4e.

<span style="color:#2a5d4e;">Text here</span>

#2a5d4e background color

This paragraph has a background color of #2a5d4e.

<p style="background-color:#2a5d4e;">Content here</p>

#2a5d4e border color

This element has a border color of #2a5d4e.

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

CSS codes

.text {color:#2a5d4e;}

.background {background-color:#2a5d4e;}

.border {border:1px solid #2a5d4e;}

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

#050c0a
```
#050c0a rgb(5,12,10)
```
#0b1915
```
#0b1915 rgb(11,25,21)
```
#122721
```
#122721 rgb(18,39,33)
```
#18342c
```
#18342c rgb(24,52,44)
```
#1e4237
```
#1e4237 rgb(30,66,55)
```
#244f43
```
#244f43 rgb(36,79,67)
```
#2a5d4e
```
#2a5d4e rgb(42,93,78)
```
#306b59
```
#306b59 rgb(48,107,89)
```
#367865
```
#367865 rgb(54,120,101)
```
#3c8670
```
#3c8670 rgb(60,134,112)
```
#42937b
```
#42937b rgb(66,147,123)
```
#49a187
```
#49a187 rgb(73,161,135)
```
#4fae92
```
#4fae92 rgb(79,174,146)
```

Shade Color Variation

#5bb59b
```
#5bb59b rgb(91,181,155)
```
#69bba3
```
#69bba3 rgb(105,187,163)
```
#76c1ab
```
#76c1ab rgb(118,193,171)
```
#84c7b3
```
#84c7b3 rgb(132,199,179)
```
#91cdbc
```
#91cdbc rgb(145,205,188)
```
#9fd4c4
```
#9fd4c4 rgb(159,212,196)
```
#acdacc
```
#acdacc rgb(172,218,204)
```
#bae0d5
```
#bae0d5 rgb(186,224,213)
```
#c7e6dd
```
#c7e6dd rgb(199,230,221)
```
#d5ece5
```
#d5ece5 rgb(213,236,229)
```
#e2f2ed
```
#e2f2ed rgb(226,242,237)
```
#f0f8f6
```
#f0f8f6 rgb(240,248,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3f4845 is the less saturated color, while #00875f is the most saturated one.

#3f4845
```
#3f4845 rgb(63,72,69)
```
#3a4d48
```
#3a4d48 rgb(58,77,72)
```
#34534a
```
#34534a rgb(52,83,74)
```
#2f584c
```
#2f584c rgb(47,88,76)
```
#2a5d4e
```
#2a5d4e rgb(42,93,78)
```
#256250
```
#256250 rgb(37,98,80)
```
#206752
```
#206752 rgb(32,103,82)
```
#1a6d54
```
#1a6d54 rgb(26,109,84)
```
#157257
```
#157257 rgb(21,114,87)
```
#107759
```
#107759 rgb(16,119,89)
```
#0b7c5b
```
#0b7c5b rgb(11,124,91)
```
#06815d
```
#06815d rgb(6,129,93)
```
#00875f
```
#00875f rgb(0,135,95)
```

Tone Color Variation

Below, you can see how #2a5d4e 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

#4c4c4c Achromatopsia 0.005% of the population
#454f4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#605c52 Protanopia 1% of men
#665a5b Deuteranopia 1% of men
#3c6269 Tritanopia 0.001% of the population

Trichromacy

#4c5c51 Protanomaly 1% of men, 0.01% of women
#505b56 Deuteranomaly 6% of men, 0.4% of women
#35605f Tritanomaly 0.01% of the population

#2a5d4e hex color

#2a5d4e Color Information

#2a5d4e Color Conversion

Color Schemes with #2a5d4e

Alternatives to #2a5d4e

#2a5d4e Preview

Shades and Tints of #2a5d4e

Tones of #2a5d4e

Color Blindness Simulator