#2a837d hex color

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

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

● #2a837d color description : Dark moderate cyan.

The hexadecimal color #2a837d has RGB values of R:42, G:131, B:125 and CMYK values of C:0.68, M:0, Y:0.05, K:0.49. Its decimal value is 2786173.

Hex triplet	2a837d	`#2a837d`
RGB Decimal	42, 131, 125	`rgb(42,131,125)`
RGB Percent	16.5, 51.4, 49	`rgb(16.5%,51.4%,49%)`
CMYK	68, 0, 5, 49
HSL	176°, 51.4, 33.9	`hsl(176,51.4%,33.9%)`
HSV (or HSB)	176°, 67.9, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.743, -27.277, -4.437
XYZ	12.772, 18.204, 22.242
xyY	0.24, 0.342, 18.204
CIE-LCH	49.743, 27.636, 189.239
CIE-LUV	49.743, -34.233, -2.345
Hunter-Lab	42.667, -21.235, -1.041
Binary	00101010, 10000011, 01111101

#2a837d
```
#2a837d rgb(42,131,125)
```
#832a30
```
#832a30 rgb(131,42,48)
```

Complementary Color

#2a8351
```
#2a8351 rgb(42,131,81)
```
#2a837d
```
#2a837d rgb(42,131,125)
```
#2a5c83
```
#2a5c83 rgb(42,92,131)
```

Analogous Color

#83512a
```
#83512a rgb(131,81,42)
```
#2a837d
```
#2a837d rgb(42,131,125)
```
#832a5d
```
#832a5d rgb(131,42,93)
```

Split Complementary Color

#837d2a
```
#837d2a rgb(131,125,42)
```
#2a837d
```
#2a837d rgb(42,131,125)
```
#7d2a83
```
#7d2a83 rgb(125,42,131)
```

Triadic Color

#30832a
```
#30832a rgb(48,131,42)
```
#2a837d
```
#2a837d rgb(42,131,125)
```
#7d2a83
```
#7d2a83 rgb(125,42,131)
```
#832a30
```
#832a30 rgb(131,42,48)
```

Tetradic Color

#174946
```
#174946 rgb(23,73,70)
```
#1e5c58
```
#1e5c58 rgb(30,92,88)
```
#24706b
```
#24706b rgb(36,112,107)
```
#2a837d
```
#2a837d rgb(42,131,125)
```
#30968f
```
#30968f rgb(48,150,143)
```
#36aaa2
```
#36aaa2 rgb(54,170,162)
```
#3dbdb4
```
#3dbdb4 rgb(61,189,180)
```

Monochromatic Color

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

#2a8367
```
#2a8367 rgb(42,131,103)
```
#2a836e
```
#2a836e rgb(42,131,110)
```
#2a8376
```
#2a8376 rgb(42,131,118)
```
#2a837d
```
#2a837d rgb(42,131,125)
```
#2a8283
```
#2a8283 rgb(42,130,131)
```
#2a7a83
```
#2a7a83 rgb(42,122,131)
```
#2a7383
```
#2a7383 rgb(42,115,131)
```

Similar Colors

Text with hexadecimal color #2a837d

This text has a font color of #2a837d.

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

#2a837d background color

This paragraph has a background color of #2a837d.

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

#2a837d border color

This element has a border color of #2a837d.

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

CSS codes

.text {color:#2a837d;}

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

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

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

#040c0c
```
#040c0c rgb(4,12,12)
```
#091b1a
```
#091b1a rgb(9,27,26)
```
#0d2a28
```
#0d2a28 rgb(13,42,40)
```
#123936
```
#123936 rgb(18,57,54)
```
#174844
```
#174844 rgb(23,72,68)
```
#1c5652
```
#1c5652 rgb(28,86,82)
```
#206561
```
#206561 rgb(32,101,97)
```
#25746f
```
#25746f rgb(37,116,111)
```
#2a837d
```
#2a837d rgb(42,131,125)
```
#2f928b
```
#2f928b rgb(47,146,139)
```
#34a199
```
#34a199 rgb(52,161,153)
```
#38b0a8
```
#38b0a8 rgb(56,176,168)
```
#3dbeb6
```
#3dbeb6 rgb(61,190,182)
```

Shade Color Variation

#4ac5bd
```
#4ac5bd rgb(74,197,189)
```
#59cac2
```
#59cac2 rgb(89,202,194)
```
#68cfc8
```
#68cfc8 rgb(104,207,200)
```
#77d3cd
```
#77d3cd rgb(119,211,205)
```
#85d8d2
```
#85d8d2 rgb(133,216,210)
```
#94ddd8
```
#94ddd8 rgb(148,221,216)
```
#a3e2dd
```
#a3e2dd rgb(163,226,221)
```
#b2e6e3
```
#b2e6e3 rgb(178,230,227)
```
#c1ebe8
```
#c1ebe8 rgb(193,235,232)
```
#d0f0ee
```
#d0f0ee rgb(208,240,238)
```
#dff5f3
```
#dff5f3 rgb(223,245,243)
```
#edf9f9
```
#edf9f9 rgb(237,249,249)
```
#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 #02aba0 is the most saturated one.

#525b5a
```
#525b5a rgb(82,91,90)
```
#4b6260
```
#4b6260 rgb(75,98,96)
```
#456866
```
#456866 rgb(69,104,102)
```
#3e6f6c
```
#3e6f6c rgb(62,111,108)
```
#377671
```
#377671 rgb(55,118,113)
```
#317c77
```
#317c77 rgb(49,124,119)
```
#2a837d
```
#2a837d rgb(42,131,125)
```
#238a83
```
#238a83 rgb(35,138,131)
```
#1d9089
```
#1d9089 rgb(29,144,137)
```
#16978e
```
#16978e rgb(22,151,142)
```
#0f9e94
```
#0f9e94 rgb(15,158,148)
```
#09a49a
```
#09a49a rgb(9,164,154)
```
#02aba0
```
#02aba0 rgb(2,171,160)
```

Tone Color Variation

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

Dichromacy

#7f7c7c Protanopia 1% of men
#837a89 Deuteranopia 1% of men
#3d8791 Tritanopia 0.001% of the population

Trichromacy

#607f7c Protanomaly 1% of men, 0.01% of women
#627d84 Deuteranomaly 6% of men, 0.4% of women
#368589 Tritanomaly 0.01% of the population

#2a837d hex color

#2a837d Color Information

#2a837d Color Conversion

Color Schemes with #2a837d

Alternatives to #2a837d

#2a837d Preview

Shades and Tints of #2a837d

Tones of #2a837d

Color Blindness Simulator