#2a574c hex color

In a RGB color space, hex #2a574c is composed of 16.5% red, 34.1% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 0% magenta, 12.6% yellow and 65.9% black. It has a hue angle of 165.3 degrees, a saturation of 34.9% and a lightness of 25.3%. #2a574c color hex could be obtained by blending #54ae98 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 16
- G 34
- B 30
RGB color chart
- C 52
- M 0
- Y 13
- K 66
CMYK color chart

● #2a574c color description : Very dark desaturated cyan.

The hexadecimal color #2a574c has RGB values of R:42, G:87, B:76 and CMYK values of C:0.52, M:0, Y:0.13, K:0.66. Its decimal value is 2774860.

Hex triplet	2a574c	`#2a574c`
RGB Decimal	42, 87, 76	`rgb(42,87,76)`
RGB Percent	16.5, 34.1, 29.8	`rgb(16.5%,34.1%,29.8%)`
CMYK	52, 0, 13, 66
HSL	165.3°, 34.9, 25.3	`hsl(165.3,34.9%,25.3%)`
HSV (or HSB)	165.3°, 51.7, 34.1
Web Safe	336633	`#336633`

CIE-LAB	33.626, -18.573, 1.622
XYZ	5.667, 7.83, 8.05
xyY	0.263, 0.363, 7.83
CIE-LCH	33.626, 18.643, 175.008
CIE-LUV	33.626, -19.196, 4.452
Hunter-Lab	27.982, -12.818, 2.531
Binary	00101010, 01010111, 01001100

#2a574c
```
#2a574c rgb(42,87,76)
```
#572a35
```
#572a35 rgb(87,42,53)
```

Complementary Color

#2a5736
```
#2a5736 rgb(42,87,54)
```
#2a574c
```
#2a574c rgb(42,87,76)
```
#2a4c57
```
#2a4c57 rgb(42,76,87)
```

Analogous Color

#57362a
```
#57362a rgb(87,54,42)
```
#2a574c
```
#2a574c rgb(42,87,76)
```
#572a4c
```
#572a4c rgb(87,42,76)
```

Split Complementary Color

#574c2a
```
#574c2a rgb(87,76,42)
```
#2a574c
```
#2a574c rgb(42,87,76)
```
#4c2a57
```
#4c2a57 rgb(76,42,87)
```

Triadic Color

#35572a
```
#35572a rgb(53,87,42)
```
#2a574c
```
#2a574c rgb(42,87,76)
```
#4c2a57
```
#4c2a57 rgb(76,42,87)
```
#572a35
```
#572a35 rgb(87,42,53)
```

Tetradic Color

#11231f
```
#11231f rgb(17,35,31)
```
#19352e
```
#19352e rgb(25,53,46)
```
#22463d
```
#22463d rgb(34,70,61)
```
#2a574c
```
#2a574c rgb(42,87,76)
```
#32685b
```
#32685b rgb(50,104,91)
```
#3b796a
```
#3b796a rgb(59,121,106)
```
#438b79
```
#438b79 rgb(67,139,121)
```

Monochromatic Color

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

#2a5741
```
#2a5741 rgb(42,87,65)
```
#2a5745
```
#2a5745 rgb(42,87,69)
```
#2a5748
```
#2a5748 rgb(42,87,72)
```
#2a574c
```
#2a574c rgb(42,87,76)
```
#2a5750
```
#2a5750 rgb(42,87,80)
```
#2a5754
```
#2a5754 rgb(42,87,84)
```
#2a5757
```
#2a5757 rgb(42,87,87)
```

Similar Colors

Text with hexadecimal color #2a574c

This text has a font color of #2a574c.

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

#2a574c background color

This paragraph has a background color of #2a574c.

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

#2a574c border color

This element has a border color of #2a574c.

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

CSS codes

.text {color:#2a574c;}

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

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0a1512
```
#0a1512 rgb(10,21,18)
```
#10221e
```
#10221e rgb(16,34,30)
```
#172f29
```
#172f29 rgb(23,47,41)
```
#1d3d35
```
#1d3d35 rgb(29,61,53)
```
#244a40
```
#244a40 rgb(36,74,64)
```
#2a574c
```
#2a574c rgb(42,87,76)
```
#306458
```
#306458 rgb(48,100,88)
```
#377163
```
#377163 rgb(55,113,99)
```
#3d7f6f
```
#3d7f6f rgb(61,127,111)
```
#448c7a
```
#448c7a rgb(68,140,122)
```
#4a9986
```
#4a9986 rgb(74,153,134)
```
#50a691
```
#50a691 rgb(80,166,145)
```

Shade Color Variation

#5bb09b
```
#5bb09b rgb(91,176,155)
```
#68b6a3
```
#68b6a3 rgb(104,182,163)
```
#75bcab
```
#75bcab rgb(117,188,171)
```
#82c3b3
```
#82c3b3 rgb(130,195,179)
```
#90c9bb
```
#90c9bb rgb(144,201,187)
```
#9dd0c3
```
#9dd0c3 rgb(157,208,195)
```
#aad6cb
```
#aad6cb rgb(170,214,203)
```
#b7dcd3
```
#b7dcd3 rgb(183,220,211)
```
#c4e3db
```
#c4e3db rgb(196,227,219)
```
#d2e9e3
```
#d2e9e3 rgb(210,233,227)
```
#dff0eb
```
#dff0eb rgb(223,240,235)
```
#ecf6f4
```
#ecf6f4 rgb(236,246,244)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#3e4342
```
#3e4342 rgb(62,67,66)
```
#394844
```
#394844 rgb(57,72,68)
```
#344d47
```
#344d47 rgb(52,77,71)
```
#2f5249
```
#2f5249 rgb(47,82,73)
```
#2a574c
```
#2a574c rgb(42,87,76)
```
#255c4f
```
#255c4f rgb(37,92,79)
```
#206151
```
#206151 rgb(32,97,81)
```
#1b6654
```
#1b6654 rgb(27,102,84)
```
#166b56
```
#166b56 rgb(22,107,86)
```
#117059
```
#117059 rgb(17,112,89)
```
#0c755b
```
#0c755b rgb(12,117,91)
```
#077a5e
```
#077a5e rgb(7,122,94)
```
#027f60
```
#027f60 rgb(2,127,96)
```

Tone Color Variation

Below, you can see how #2a574c 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
#424b49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5751 Protanopia 1% of men
#605558 Deuteranopia 1% of men
#3a5d64 Tritanopia 0.001% of the population

Trichromacy

#49574f Protanomaly 1% of men, 0.01% of women
#4c5654 Deuteranomaly 6% of men, 0.4% of women
#345b5b Tritanomaly 0.01% of the population

#2a574c hex color

#2a574c Color Information

#2a574c Color Conversion

Color Schemes with #2a574c

Alternatives to #2a574c

#2a574c Preview

Shades and Tints of #2a574c

Tones of #2a574c

Color Blindness Simulator