#2a899e hex color

In a RGB color space, hex #2a899e is composed of 16.5% red, 53.7% green and 62% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 13.3% magenta, 0% yellow and 38% black. It has a hue angle of 190.9 degrees, a saturation of 58% and a lightness of 39.2%. #2a899e color hex could be obtained by blending #54ffff with #00133d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 54
- B 62
RGB color chart
- C 73
- M 13
- Y 0
- K 38
CMYK color chart

● #2a899e color description : Dark cyan.

The hexadecimal color #2a899e has RGB values of R:42, G:137, B:158 and CMYK values of C:0.73, M:0.13, Y:0, K:0.38. Its decimal value is 2787742.

Hex triplet	2a899e	`#2a899e`
RGB Decimal	42, 137, 158	`rgb(42,137,158)`
RGB Percent	16.5, 53.7, 62	`rgb(16.5%,53.7%,62%)`
CMYK	73, 13, 0, 38
HSL	190.9°, 58, 39.2	`hsl(190.9,58%,39.2%)`
HSV (or HSB)	190.9°, 73.4, 62
Web Safe	339999	`#339999`

CIE-LAB	52.786, -20.009, -19.087
XYZ	16.07, 20.851, 35.524
xyY	0.222, 0.288, 20.851
CIE-LCH	52.786, 27.653, 223.649
CIE-LUV	52.786, -34.45, -25.623
Hunter-Lab	45.663, -17.089, -14.161
Binary	00101010, 10001001, 10011110

#2a899e
```
#2a899e rgb(42,137,158)
```
#9e3f2a
```
#9e3f2a rgb(158,63,42)
```

Complementary Color

#2a9e79
```
#2a9e79 rgb(42,158,121)
```
#2a899e
```
#2a899e rgb(42,137,158)
```
#2a4f9e
```
#2a4f9e rgb(42,79,158)
```

Analogous Color

#9e792a
```
#9e792a rgb(158,121,42)
```
#2a899e
```
#2a899e rgb(42,137,158)
```
#9e2a4f
```
#9e2a4f rgb(158,42,79)
```

Split Complementary Color

#899e2a
```
#899e2a rgb(137,158,42)
```
#2a899e
```
#2a899e rgb(42,137,158)
```
#9e2a89
```
#9e2a89 rgb(158,42,137)
```

Triadic Color

#2a9e3f
```
#2a9e3f rgb(42,158,63)
```
#2a899e
```
#2a899e rgb(42,137,158)
```
#9e2a89
```
#9e2a89 rgb(158,42,137)
```
#9e3f2a
```
#9e3f2a rgb(158,63,42)
```

Tetradic Color

#1a5562
```
#1a5562 rgb(26,85,98)
```
#1f6676
```
#1f6676 rgb(31,102,118)
```
#25788a
```
#25788a rgb(37,120,138)
```
#2a899e
```
#2a899e rgb(42,137,158)
```
#2f9ab2
```
#2f9ab2 rgb(47,154,178)
```
#35acc6
```
#35acc6 rgb(53,172,198)
```
#47b5ce
```
#47b5ce rgb(71,181,206)
```

Monochromatic Color

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

#2a9e96
```
#2a9e96 rgb(42,158,150)
```
#2a9c9e
```
#2a9c9e rgb(42,156,158)
```
#2a939e
```
#2a939e rgb(42,147,158)
```
#2a899e
```
#2a899e rgb(42,137,158)
```
#2a7f9e
```
#2a7f9e rgb(42,127,158)
```
#2a769e
```
#2a769e rgb(42,118,158)
```
#2a6c9e
```
#2a6c9e rgb(42,108,158)
```

Similar Colors

Text with hexadecimal color #2a899e

This text has a font color of #2a899e.

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

#2a899e background color

This paragraph has a background color of #2a899e.

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

#2a899e border color

This element has a border color of #2a899e.

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

CSS codes

.text {color:#2a899e;}

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

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

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, #010303 is the darkest color, while #f3fafc is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#051013
```
#051013 rgb(5,16,19)
```
#091e22
```
#091e22 rgb(9,30,34)
```
#0d2b32
```
#0d2b32 rgb(13,43,50)
```
#113841
```
#113841 rgb(17,56,65)
```
#154651
```
#154651 rgb(21,70,81)
```
#1a5360
```
#1a5360 rgb(26,83,96)
```
#1e6170
```
#1e6170 rgb(30,97,112)
```
#226e7f
```
#226e7f rgb(34,110,127)
```
#267c8f
```
#267c8f rgb(38,124,143)
```
#2a899e
```
#2a899e rgb(42,137,158)
```
#2e96ad
```
#2e96ad rgb(46,150,173)
```
#32a4bd
```
#32a4bd rgb(50,164,189)
```

Shade Color Variation

#39b0ca
```
#39b0ca rgb(57,176,202)
```
#48b6ce
```
#48b6ce rgb(72,182,206)
```
#58bcd2
```
#58bcd2 rgb(88,188,210)
```
#67c2d7
```
#67c2d7 rgb(103,194,215)
```
#77c9db
```
#77c9db rgb(119,201,219)
```
#86cfdf
```
#86cfdf rgb(134,207,223)
```
#96d5e3
```
#96d5e3 rgb(150,213,227)
```
#a5dbe7
```
#a5dbe7 rgb(165,219,231)
```
#b5e1eb
```
#b5e1eb rgb(181,225,235)
```
#c4e7ef
```
#c4e7ef rgb(196,231,239)
```
#d4eef3
```
#d4eef3 rgb(212,238,243)
```
#e3f4f8
```
#e3f4f8 rgb(227,244,248)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606768 is the less saturated color, while #04a2c4 is the most saturated one.

#606768
```
#606768 rgb(96,103,104)
```
#586c70
```
#586c70 rgb(88,108,112)
```
#507078
```
#507078 rgb(80,112,120)
```
#49757f
```
#49757f rgb(73,117,127)
```
#417a87
```
#417a87 rgb(65,122,135)
```
#397f8f
```
#397f8f rgb(57,127,143)
```
#328496
```
#328496 rgb(50,132,150)
```
#2a899e
```
#2a899e rgb(42,137,158)
```
#228ea6
```
#228ea6 rgb(34,142,166)
```
#1b93ad
```
#1b93ad rgb(27,147,173)
```
#1398b5
```
#1398b5 rgb(19,152,181)
```
#0b9dbd
```
#0b9dbd rgb(11,157,189)
```
#04a2c4
```
#04a2c4 rgb(4,162,196)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#617478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f839b Protanopia 1% of men
#7d82a7 Deuteranopia 1% of men
#2d909b Tritanopia 0.001% of the population

Trichromacy

#60859c Protanomaly 1% of men, 0.01% of women
#5e84a4 Deuteranomaly 6% of men, 0.4% of women
#2c8d9c Tritanomaly 0.01% of the population

#2a899e hex color

#2a899e Color Information

#2a899e Color Conversion

Color Schemes with #2a899e

Alternatives to #2a899e

#2a899e Preview

Shades and Tints of #2a899e

Tones of #2a899e

Color Blindness Simulator