#2a857c hex color

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

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

● #2a857c color description : Dark moderate cyan.

The hexadecimal color #2a857c has RGB values of R:42, G:133, B:124 and CMYK values of C:0.68, M:0, Y:0.07, K:0.48. Its decimal value is 2786684.

Hex triplet	2a857c	`#2a857c`
RGB Decimal	42, 133, 124	`rgb(42,133,124)`
RGB Percent	16.5, 52.2, 48.6	`rgb(16.5%,52.2%,48.6%)`
CMYK	68, 0, 7, 48
HSL	174.1°, 52, 34.3	`hsl(174.1,52%,34.3%)`
HSV (or HSB)	174.1°, 68.4, 52.2
Web Safe	339966	`#339966`

CIE-LAB	50.36, -28.554, -2.941
XYZ	12.979, 18.721, 21.997
xyY	0.242, 0.349, 18.721
CIE-LCH	50.36, 28.706, 185.881
CIE-LUV	50.36, -35.053, -0.02
Hunter-Lab	43.268, -22.174, 0.145
Binary	00101010, 10000101, 01111100

#2a857c
```
#2a857c rgb(42,133,124)
```
#852a33
```
#852a33 rgb(133,42,51)
```

Complementary Color

#2a854f
```
#2a854f rgb(42,133,79)
```
#2a857c
```
#2a857c rgb(42,133,124)
```
#2a6185
```
#2a6185 rgb(42,97,133)
```

Analogous Color

#854f2a
```
#854f2a rgb(133,79,42)
```
#2a857c
```
#2a857c rgb(42,133,124)
```
#852a61
```
#852a61 rgb(133,42,97)
```

Split Complementary Color

#857c2a
```
#857c2a rgb(133,124,42)
```
#2a857c
```
#2a857c rgb(42,133,124)
```
#7c2a85
```
#7c2a85 rgb(124,42,133)
```

Triadic Color

#33852a
```
#33852a rgb(51,133,42)
```
#2a857c
```
#2a857c rgb(42,133,124)
```
#7c2a85
```
#7c2a85 rgb(124,42,133)
```
#852a33
```
#852a33 rgb(133,42,51)
```

Tetradic Color

#184b46
```
#184b46 rgb(24,75,70)
```
#1e5e58
```
#1e5e58 rgb(30,94,88)
```
#24726a
```
#24726a rgb(36,114,106)
```
#2a857c
```
#2a857c rgb(42,133,124)
```
#30988e
```
#30988e rgb(48,152,142)
```
#36aca0
```
#36aca0 rgb(54,172,160)
```
#3cbfb2
```
#3cbfb2 rgb(60,191,178)
```

Monochromatic Color

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

#2a8565
```
#2a8565 rgb(42,133,101)
```
#2a856d
```
#2a856d rgb(42,133,109)
```
#2a8574
```
#2a8574 rgb(42,133,116)
```
#2a857c
```
#2a857c rgb(42,133,124)
```
#2a8584
```
#2a8584 rgb(42,133,132)
```
#2a7f85
```
#2a7f85 rgb(42,127,133)
```
#2a7785
```
#2a7785 rgb(42,119,133)
```

Similar Colors

Text with hexadecimal color #2a857c

This text has a font color of #2a857c.

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

#2a857c background color

This paragraph has a background color of #2a857c.

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

#2a857c border color

This element has a border color of #2a857c.

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

CSS codes

.text {color:#2a857c;}

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

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

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

#040e0d
```
#040e0d rgb(4,14,13)
```
#091d1b
```
#091d1b rgb(9,29,27)
```
#0e2c29
```
#0e2c29 rgb(14,44,41)
```
#123a37
```
#123a37 rgb(18,58,55)
```
#174944
```
#174944 rgb(23,73,68)
```
#1c5852
```
#1c5852 rgb(28,88,82)
```
#216760
```
#216760 rgb(33,103,96)
```
#25766e
```
#25766e rgb(37,118,110)
```
#2a857c
```
#2a857c rgb(42,133,124)
```
#2f948a
```
#2f948a rgb(47,148,138)
```
#33a398
```
#33a398 rgb(51,163,152)
```
#38b2a6
```
#38b2a6 rgb(56,178,166)
```
#3dc1b4
```
#3dc1b4 rgb(61,193,180)
```

Shade Color Variation

#4bc6ba
```
#4bc6ba rgb(75,198,186)
```
#5acbc0
```
#5acbc0 rgb(90,203,192)
```
#69d0c5
```
#69d0c5 rgb(105,208,197)
```
#78d4cb
```
#78d4cb rgb(120,212,203)
```
#87d9d1
```
#87d9d1 rgb(135,217,209)
```
#95ded7
```
#95ded7 rgb(149,222,215)
```
#a4e2dc
```
#a4e2dc rgb(164,226,220)
```
#b3e7e2
```
#b3e7e2 rgb(179,231,226)
```
#c2ece8
```
#c2ece8 rgb(194,236,232)
```
#d1f1ed
```
#d1f1ed rgb(209,241,237)
```
#e0f5f3
```
#e0f5f3 rgb(224,245,243)
```
#effaf9
```
#effaf9 rgb(239,250,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#525d5c
```
#525d5c rgb(82,93,92)
```
#4c6361
```
#4c6361 rgb(76,99,97)
```
#456a66
```
#456a66 rgb(69,106,102)
```
#3e716c
```
#3e716c rgb(62,113,108)
```
#377871
```
#377871 rgb(55,120,113)
```
#317e77
```
#317e77 rgb(49,126,119)
```
#2a857c
```
#2a857c rgb(42,133,124)
```
#238c81
```
#238c81 rgb(35,140,129)
```
#1d9287
```
#1d9287 rgb(29,146,135)
```
#16998c
```
#16998c rgb(22,153,140)
```
#0fa092
```
#0fa092 rgb(15,160,146)
```
#08a797
```
#08a797 rgb(8,167,151)
```
#02ad9c
```
#02ad9c rgb(2,173,156)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5c6f6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#817e7b Protanopia 1% of men
#867b88 Deuteranopia 1% of men
#3e8892 Tritanopia 0.001% of the population

Trichromacy

#61807b Protanomaly 1% of men, 0.01% of women
#647e83 Deuteranomaly 6% of men, 0.4% of women
#37878a Tritanomaly 0.01% of the population

#2a857c hex color

#2a857c Color Information

#2a857c Color Conversion

Color Schemes with #2a857c

Alternatives to #2a857c

#2a857c Preview

Shades and Tints of #2a857c

Tones of #2a857c

Color Blindness Simulator