#2a837a hex color

In a RGB color space, hex #2a837a is composed of 16.5% red, 51.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 0% magenta, 6.9% yellow and 48.6% black. It has a hue angle of 173.9 degrees, a saturation of 51.4% and a lightness of 33.9%. #2a837a color hex could be obtained by blending #54fff4 with #000700. Closest websafe color is: #339966.

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

● #2a837a color description : Dark moderate cyan.

The hexadecimal color #2a837a has RGB values of R:42, G:131, B:122 and CMYK values of C:0.68, M:0, Y:0.07, K:0.49. Its decimal value is 2786170.

Hex triplet	2a837a	`#2a837a`
RGB Decimal	42, 131, 122	`rgb(42,131,122)`
RGB Percent	16.5, 51.4, 47.8	`rgb(16.5%,51.4%,47.8%)`
CMYK	68, 0, 7, 49
HSL	173.9°, 51.4, 33.9	`hsl(173.9,51.4%,33.9%)`
HSV (or HSB)	173.9°, 67.9, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.652, -28.153, -2.812
XYZ	12.583, 18.129, 21.247
xyY	0.242, 0.349, 18.129
CIE-LCH	49.652, 28.293, 185.704
CIE-LUV	49.652, -34.414, 0.107
Hunter-Lab	42.578, -21.76, 0.218
Binary	00101010, 10000011, 01111010

#2a837a
```
#2a837a rgb(42,131,122)
```
#832a33
```
#832a33 rgb(131,42,51)
```

Complementary Color

#2a834e
```
#2a834e rgb(42,131,78)
```
#2a837a
```
#2a837a rgb(42,131,122)
```
#2a5f83
```
#2a5f83 rgb(42,95,131)
```

Analogous Color

#834e2a
```
#834e2a rgb(131,78,42)
```
#2a837a
```
#2a837a rgb(42,131,122)
```
#832a5f
```
#832a5f rgb(131,42,95)
```

Split Complementary Color

#837a2a
```
#837a2a rgb(131,122,42)
```
#2a837a
```
#2a837a rgb(42,131,122)
```
#7a2a83
```
#7a2a83 rgb(122,42,131)
```

Triadic Color

#33832a
```
#33832a rgb(51,131,42)
```
#2a837a
```
#2a837a rgb(42,131,122)
```
#7a2a83
```
#7a2a83 rgb(122,42,131)
```
#832a33
```
#832a33 rgb(131,42,51)
```

Tetradic Color

#174944
```
#174944 rgb(23,73,68)
```
#1e5c56
```
#1e5c56 rgb(30,92,86)
```
#247068
```
#247068 rgb(36,112,104)
```
#2a837a
```
#2a837a rgb(42,131,122)
```
#30968c
```
#30968c rgb(48,150,140)
```
#36aa9e
```
#36aa9e rgb(54,170,158)
```
#3dbdb0
```
#3dbdb0 rgb(61,189,176)
```

Monochromatic Color

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

#2a8364
```
#2a8364 rgb(42,131,100)
```
#2a836b
```
#2a836b rgb(42,131,107)
```
#2a8373
```
#2a8373 rgb(42,131,115)
```
#2a837a
```
#2a837a rgb(42,131,122)
```
#2a8381
```
#2a8381 rgb(42,131,129)
```
#2a7d83
```
#2a7d83 rgb(42,125,131)
```
#2a7683
```
#2a7683 rgb(42,118,131)
```

Similar Colors

Text with hexadecimal color #2a837a

This text has a font color of #2a837a.

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

#2a837a background color

This paragraph has a background color of #2a837a.

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

#2a837a border color

This element has a border color of #2a837a.

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

CSS codes

.text {color:#2a837a;}

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

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

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

#040c0b
```
#040c0b rgb(4,12,11)
```
#091b19
```
#091b19 rgb(9,27,25)
```
#0d2a27
```
#0d2a27 rgb(13,42,39)
```
#123935
```
#123935 rgb(18,57,53)
```
#174843
```
#174843 rgb(23,72,67)
```
#1c5651
```
#1c5651 rgb(28,86,81)
```
#20655e
```
#20655e rgb(32,101,94)
```
#25746c
```
#25746c rgb(37,116,108)
```
#2a837a
```
#2a837a rgb(42,131,122)
```
#2f9288
```
#2f9288 rgb(47,146,136)
```
#34a196
```
#34a196 rgb(52,161,150)
```
#38b0a3
```
#38b0a3 rgb(56,176,163)
```
#3dbeb1
```
#3dbeb1 rgb(61,190,177)
```

Shade Color Variation

#4ac5b9
```
#4ac5b9 rgb(74,197,185)
```
#59cabe
```
#59cabe rgb(89,202,190)
```
#68cfc4
```
#68cfc4 rgb(104,207,196)
```
#77d3ca
```
#77d3ca rgb(119,211,202)
```
#85d8d0
```
#85d8d0 rgb(133,216,208)
```
#94ddd5
```
#94ddd5 rgb(148,221,213)
```
#a3e2db
```
#a3e2db rgb(163,226,219)
```
#b2e6e1
```
#b2e6e1 rgb(178,230,225)
```
#c1ebe7
```
#c1ebe7 rgb(193,235,231)
```
#d0f0ed
```
#d0f0ed rgb(208,240,237)
```
#dff5f2
```
#dff5f2 rgb(223,245,242)
```
#edf9f8
```
#edf9f8 rgb(237,249,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#525b5a
```
#525b5a rgb(82,91,90)
```
#4b625f
```
#4b625f rgb(75,98,95)
```
#456865
```
#456865 rgb(69,104,101)
```
#3e6f6a
```
#3e6f6a rgb(62,111,106)
```
#37766f
```
#37766f rgb(55,118,111)
```
#317c75
```
#317c75 rgb(49,124,117)
```
#2a837a
```
#2a837a rgb(42,131,122)
```
#238a7f
```
#238a7f rgb(35,138,127)
```
#1d9085
```
#1d9085 rgb(29,144,133)
```
#16978a
```
#16978a rgb(22,151,138)
```
#0f9e8f
```
#0f9e8f rgb(15,158,143)
```
#09a495
```
#09a495 rgb(9,164,149)
```
#02ab9a
```
#02ab9a rgb(2,171,154)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7c7a Protanopia 1% of men
#847986 Deuteranopia 1% of men
#3e8790 Tritanopia 0.001% of the population

Trichromacy

#607e7a Protanomaly 1% of men, 0.01% of women
#637d81 Deuteranomaly 6% of men, 0.4% of women
#378588 Tritanomaly 0.01% of the population

#2a837a hex color

#2a837a Color Information

#2a837a Color Conversion

Color Schemes with #2a837a

Alternatives to #2a837a

#2a837a Preview

Shades and Tints of #2a837a

Tones of #2a837a

Color Blindness Simulator