#2a8578 hex color

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

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

● #2a8578 color description : Dark moderate cyan.

The hexadecimal color #2a8578 has RGB values of R:42, G:133, B:120 and CMYK values of C:0.68, M:0, Y:0.1, K:0.48. Its decimal value is 2786680.

Hex triplet	2a8578	`#2a8578`
RGB Decimal	42, 133, 120	`rgb(42,133,120)`
RGB Percent	16.5, 52.2, 47.1	`rgb(16.5%,52.2%,47.1%)`
CMYK	68, 0, 10, 48
HSL	171.4°, 52, 34.3	`hsl(171.4,52%,34.3%)`
HSV (or HSB)	171.4°, 68.4, 52.2
Web Safe	339966	`#339966`

CIE-LAB	50.242, -29.698, -0.774
XYZ	12.731, 18.622, 20.692
xyY	0.245, 0.358, 18.622
CIE-LCH	50.242, 29.708, 181.494
CIE-LUV	50.242, -35.295, 3.215
Hunter-Lab	43.153, -22.856, 1.778
Binary	00101010, 10000101, 01111000

#2a8578
```
#2a8578 rgb(42,133,120)
```
#852a37
```
#852a37 rgb(133,42,55)
```

Complementary Color

#2a854b
```
#2a854b rgb(42,133,75)
```
#2a8578
```
#2a8578 rgb(42,133,120)
```
#2a6585
```
#2a6585 rgb(42,101,133)
```

Analogous Color

#854b2a
```
#854b2a rgb(133,75,42)
```
#2a8578
```
#2a8578 rgb(42,133,120)
```
#852a65
```
#852a65 rgb(133,42,101)
```

Split Complementary Color

#85782a
```
#85782a rgb(133,120,42)
```
#2a8578
```
#2a8578 rgb(42,133,120)
```
#782a85
```
#782a85 rgb(120,42,133)
```

Triadic Color

#37852a
```
#37852a rgb(55,133,42)
```
#2a8578
```
#2a8578 rgb(42,133,120)
```
#782a85
```
#782a85 rgb(120,42,133)
```
#852a37
```
#852a37 rgb(133,42,55)
```

Tetradic Color

#184b44
```
#184b44 rgb(24,75,68)
```
#1e5e55
```
#1e5e55 rgb(30,94,85)
```
#247267
```
#247267 rgb(36,114,103)
```
#2a8578
```
#2a8578 rgb(42,133,120)
```
#309889
```
#309889 rgb(48,152,137)
```
#36ac9b
```
#36ac9b rgb(54,172,155)
```
#3cbfac
```
#3cbfac rgb(60,191,172)
```

Monochromatic Color

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

#2a8561
```
#2a8561 rgb(42,133,97)
```
#2a8569
```
#2a8569 rgb(42,133,105)
```
#2a8570
```
#2a8570 rgb(42,133,112)
```
#2a8578
```
#2a8578 rgb(42,133,120)
```
#2a8580
```
#2a8580 rgb(42,133,128)
```
#2a8385
```
#2a8385 rgb(42,131,133)
```
#2a7b85
```
#2a7b85 rgb(42,123,133)
```

Similar Colors

Text with hexadecimal color #2a8578

This text has a font color of #2a8578.

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

#2a8578 background color

This paragraph has a background color of #2a8578.

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

#2a8578 border color

This element has a border color of #2a8578.

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

CSS codes

.text {color:#2a8578;}

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

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

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 #feffff is the lightest one.

#040e0c
```
#040e0c rgb(4,14,12)
```
#091d1a
```
#091d1a rgb(9,29,26)
```
#0e2c27
```
#0e2c27 rgb(14,44,39)
```
#123a35
```
#123a35 rgb(18,58,53)
```
#174942
```
#174942 rgb(23,73,66)
```
#1c5850
```
#1c5850 rgb(28,88,80)
```
#21675d
```
#21675d rgb(33,103,93)
```
#25766b
```
#25766b rgb(37,118,107)
```
#2a8578
```
#2a8578 rgb(42,133,120)
```
#2f9485
```
#2f9485 rgb(47,148,133)
```
#33a393
```
#33a393 rgb(51,163,147)
```
#38b2a0
```
#38b2a0 rgb(56,178,160)
```
#3dc1ae
```
#3dc1ae rgb(61,193,174)
```

Shade Color Variation

#4bc6b5
```
#4bc6b5 rgb(75,198,181)
```
#5acbbb
```
#5acbbb rgb(90,203,187)
```
#69d0c1
```
#69d0c1 rgb(105,208,193)
```
#78d4c7
```
#78d4c7 rgb(120,212,199)
```
#87d9cd
```
#87d9cd rgb(135,217,205)
```
#95ded3
```
#95ded3 rgb(149,222,211)
```
#a4e2da
```
#a4e2da rgb(164,226,218)
```
#b3e7e0
```
#b3e7e0 rgb(179,231,224)
```
#c2ece6
```
#c2ece6 rgb(194,236,230)
```
#d1f1ec
```
#d1f1ec rgb(209,241,236)
```
#e0f5f2
```
#e0f5f2 rgb(224,245,242)
```
#effaf8
```
#effaf8 rgb(239,250,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#525d5b
```
#525d5b rgb(82,93,91)
```
#4c6360
```
#4c6360 rgb(76,99,96)
```
#456a65
```
#456a65 rgb(69,106,101)
```
#3e716a
```
#3e716a rgb(62,113,106)
```
#37786e
```
#37786e rgb(55,120,110)
```
#317e73
```
#317e73 rgb(49,126,115)
```
#2a8578
```
#2a8578 rgb(42,133,120)
```
#238c7d
```
#238c7d rgb(35,140,125)
```
#1d9282
```
#1d9282 rgb(29,146,130)
```
#169986
```
#169986 rgb(22,153,134)
```
#0fa08b
```
#0fa08b rgb(15,160,139)
```
#08a790
```
#08a790 rgb(8,167,144)
```
#02ad95
```
#02ad95 rgb(2,173,149)
```

Tone Color Variation

Below, you can see how #2a8578 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
#5c6e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#827e78 Protanopia 1% of men
#877b84 Deuteranopia 1% of men
#408892 Tritanopia 0.001% of the population

Trichromacy

#628078 Protanomaly 1% of men, 0.01% of women
#657e80 Deuteranomaly 6% of men, 0.4% of women
#388788 Tritanomaly 0.01% of the population

#2a8578 hex color

#2a8578 Color Information

#2a8578 Color Conversion

Color Schemes with #2a8578

Alternatives to #2a8578

#2a8578 Preview

Shades and Tints of #2a8578

Tones of #2a8578

Color Blindness Simulator