#2a8574 hex color

In a RGB color space, hex #2a8574 is composed of 16.5% red, 52.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 0% magenta, 12.8% yellow and 47.8% black. It has a hue angle of 168.8 degrees, a saturation of 52% and a lightness of 34.3%. #2a8574 color hex could be obtained by blending #54ffe8 with #000b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 16
- G 52
- B 45
RGB color chart
- C 68
- M 0
- Y 13
- K 48
CMYK color chart

● #2a8574 color description : Dark moderate cyan.

The hexadecimal color #2a8574 has RGB values of R:42, G:133, B:116 and CMYK values of C:0.68, M:0, Y:0.13, K:0.48. Its decimal value is 2786676.

Hex triplet	2a8574	`#2a8574`
RGB Decimal	42, 133, 116	`rgb(42,133,116)`
RGB Percent	16.5, 52.2, 45.5	`rgb(16.5%,52.2%,45.5%)`
CMYK	68, 0, 13, 48
HSL	168.8°, 52, 34.3	`hsl(168.8,52%,34.3%)`
HSV (or HSB)	168.8°, 68.4, 52.2
Web Safe	339966	`#339966`

CIE-LAB	50.129, -30.814, 1.398
XYZ	12.494, 18.527, 19.44
xyY	0.248, 0.367, 18.527
CIE-LCH	50.129, 30.845, 177.401
CIE-LUV	50.129, -35.537, 6.403
Hunter-Lab	43.043, -23.514, 3.353
Binary	00101010, 10000101, 01110100

#2a8574
```
#2a8574 rgb(42,133,116)
```
#852a3b
```
#852a3b rgb(133,42,59)
```

Complementary Color

#2a8547
```
#2a8547 rgb(42,133,71)
```
#2a8574
```
#2a8574 rgb(42,133,116)
```
#2a6985
```
#2a6985 rgb(42,105,133)
```

Analogous Color

#85472a
```
#85472a rgb(133,71,42)
```
#2a8574
```
#2a8574 rgb(42,133,116)
```
#852a69
```
#852a69 rgb(133,42,105)
```

Split Complementary Color

#85742a
```
#85742a rgb(133,116,42)
```
#2a8574
```
#2a8574 rgb(42,133,116)
```
#742a85
```
#742a85 rgb(116,42,133)
```

Triadic Color

#3b852a
```
#3b852a rgb(59,133,42)
```
#2a8574
```
#2a8574 rgb(42,133,116)
```
#742a85
```
#742a85 rgb(116,42,133)
```
#852a3b
```
#852a3b rgb(133,42,59)
```

Tetradic Color

#184b41
```
#184b41 rgb(24,75,65)
```
#1e5e52
```
#1e5e52 rgb(30,94,82)
```
#247263
```
#247263 rgb(36,114,99)
```
#2a8574
```
#2a8574 rgb(42,133,116)
```
#309885
```
#309885 rgb(48,152,133)
```
#36ac96
```
#36ac96 rgb(54,172,150)
```
#3cbfa7
```
#3cbfa7 rgb(60,191,167)
```

Monochromatic Color

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

#2a855d
```
#2a855d rgb(42,133,93)
```
#2a8565
```
#2a8565 rgb(42,133,101)
```
#2a856c
```
#2a856c rgb(42,133,108)
```
#2a8574
```
#2a8574 rgb(42,133,116)
```
#2a857c
```
#2a857c rgb(42,133,124)
```
#2a8583
```
#2a8583 rgb(42,133,131)
```
#2a7f85
```
#2a7f85 rgb(42,127,133)
```

Similar Colors

Text with hexadecimal color #2a8574

This text has a font color of #2a8574.

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

#2a8574 background color

This paragraph has a background color of #2a8574.

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

#2a8574 border color

This element has a border color of #2a8574.

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

CSS codes

.text {color:#2a8574;}

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

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

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, #040e0c is the darkest color, while #fefffe is the lightest one.

#040e0c
```
#040e0c rgb(4,14,12)
```
#091d19
```
#091d19 rgb(9,29,25)
```
#0e2c26
```
#0e2c26 rgb(14,44,38)
```
#123a33
```
#123a33 rgb(18,58,51)
```
#174940
```
#174940 rgb(23,73,64)
```
#1c584d
```
#1c584d rgb(28,88,77)
```
#21675a
```
#21675a rgb(33,103,90)
```
#257667
```
#257667 rgb(37,118,103)
```
#2a8574
```
#2a8574 rgb(42,133,116)
```
#2f9481
```
#2f9481 rgb(47,148,129)
```
#33a38e
```
#33a38e rgb(51,163,142)
```
#38b29b
```
#38b29b rgb(56,178,155)
```
#3dc1a8
```
#3dc1a8 rgb(61,193,168)
```

Shade Color Variation

#4bc6af
```
#4bc6af rgb(75,198,175)
```
#5acbb6
```
#5acbb6 rgb(90,203,182)
```
#69d0bc
```
#69d0bc rgb(105,208,188)
```
#78d4c3
```
#78d4c3 rgb(120,212,195)
```
#87d9ca
```
#87d9ca rgb(135,217,202)
```
#95ded0
```
#95ded0 rgb(149,222,208)
```
#a4e2d7
```
#a4e2d7 rgb(164,226,215)
```
#b3e7dd
```
#b3e7dd rgb(179,231,221)
```
#c2ece4
```
#c2ece4 rgb(194,236,228)
```
#d1f1eb
```
#d1f1eb rgb(209,241,235)
```
#e0f5f1
```
#e0f5f1 rgb(224,245,241)
```
#effaf8
```
#effaf8 rgb(239,250,248)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525d5b is the less saturated color, while #02ad8d is the most saturated one.

#525d5b
```
#525d5b rgb(82,93,91)
```
#4c635f
```
#4c635f rgb(76,99,95)
```
#456a63
```
#456a63 rgb(69,106,99)
```
#3e7167
```
#3e7167 rgb(62,113,103)
```
#37786c
```
#37786c rgb(55,120,108)
```
#317e70
```
#317e70 rgb(49,126,112)
```
#2a8574
```
#2a8574 rgb(42,133,116)
```
#238c78
```
#238c78 rgb(35,140,120)
```
#1d927c
```
#1d927c rgb(29,146,124)
```
#169981
```
#169981 rgb(22,153,129)
```
#0fa085
```
#0fa085 rgb(15,160,133)
```
#08a789
```
#08a789 rgb(8,167,137)
```
#02ad8d
```
#02ad8d rgb(2,173,141)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#827d74 Protanopia 1% of men
#887a81 Deuteranopia 1% of men
#418791 Tritanopia 0.001% of the population

Trichromacy

#628074 Protanomaly 1% of men, 0.01% of women
#667e7c Deuteranomaly 6% of men, 0.4% of women
#398687 Tritanomaly 0.01% of the population

#2a8574 hex color

#2a8574 Color Information

#2a8574 Color Conversion

Color Schemes with #2a8574

Alternatives to #2a8574

#2a8574 Preview

Shades and Tints of #2a8574

Tones of #2a8574

Color Blindness Simulator