#2aa7af hex color

In a RGB color space, hex #2aa7af is composed of 16.5% red, 65.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 4.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 183.6 degrees, a saturation of 61.3% and a lightness of 42.5%. #2aa7af color hex could be obtained by blending #54ffff with #004f5f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 65
- B 69
RGB color chart
- C 76
- M 5
- Y 0
- K 31
CMYK color chart

● #2aa7af color description : Dark cyan.

The hexadecimal color #2aa7af has RGB values of R:42, G:167, B:175 and CMYK values of C:0.76, M:0.05, Y:0, K:0.31. Its decimal value is 2795439.

Hex triplet	2aa7af	`#2aa7af`
RGB Decimal	42, 167, 175	`rgb(42,167,175)`
RGB Percent	16.5, 65.5, 68.6	`rgb(16.5%,65.5%,68.6%)`
CMYK	76, 5, 0, 31
HSL	183.6°, 61.3, 42.5	`hsl(183.6,61.3%,42.5%)`
HSV (or HSB)	183.6°, 76, 68.6
Web Safe	339999	`#339999`

CIE-LAB	62.695, -29.858, -13.729
XYZ	22.509, 31.223, 45.395
xyY	0.227, 0.315, 31.223
CIE-LCH	62.695, 32.863, 204.693
CIE-LUV	62.695, -44.215, -16.455
Hunter-Lab	55.877, -25.88, -9.054
Binary	00101010, 10100111, 10101111

#2aa7af
```
#2aa7af rgb(42,167,175)
```
#af322a
```
#af322a rgb(175,50,42)
```

Complementary Color

#2aaf75
```
#2aaf75 rgb(42,175,117)
```
#2aa7af
```
#2aa7af rgb(42,167,175)
```
#2a65af
```
#2a65af rgb(42,101,175)
```

Analogous Color

#af752a
```
#af752a rgb(175,117,42)
```
#2aa7af
```
#2aa7af rgb(42,167,175)
```
#af2a65
```
#af2a65 rgb(175,42,101)
```

Split Complementary Color

#a7af2a
```
#a7af2a rgb(167,175,42)
```
#2aa7af
```
#2aa7af rgb(42,167,175)
```
#af2aa7
```
#af2aa7 rgb(175,42,167)
```

Triadic Color

#2aaf32
```
#2aaf32 rgb(42,175,50)
```
#2aa7af
```
#2aa7af rgb(42,167,175)
```
#af2aa7
```
#af2aa7 rgb(175,42,167)
```
#af322a
```
#af322a rgb(175,50,42)
```

Tetradic Color

#1b6c71
```
#1b6c71 rgb(27,108,113)
```
#208086
```
#208086 rgb(32,128,134)
```
#25939a
```
#25939a rgb(37,147,154)
```
#2aa7af
```
#2aa7af rgb(42,167,175)
```
#2fbbc4
```
#2fbbc4 rgb(47,187,196)
```
#3cc7d0
```
#3cc7d0 rgb(60,199,208)
```
#50cdd5
```
#50cdd5 rgb(80,205,213)
```

Monochromatic Color

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

#2aaf96
```
#2aaf96 rgb(42,175,150)
```
#2aafa1
```
#2aafa1 rgb(42,175,161)
```
#2aafac
```
#2aafac rgb(42,175,172)
```
#2aa7af
```
#2aa7af rgb(42,167,175)
```
#2a9caf
```
#2a9caf rgb(42,156,175)
```
#2a91af
```
#2a91af rgb(42,145,175)
```
#2a86af
```
#2a86af rgb(42,134,175)
```

Similar Colors

Text with hexadecimal color #2aa7af

This text has a font color of #2aa7af.

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

#2aa7af background color

This paragraph has a background color of #2aa7af.

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

#2aa7af border color

This element has a border color of #2aa7af.

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

CSS codes

.text {color:#2aa7af;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#041011
```
#041011 rgb(4,16,17)
```
#081f21
```
#081f21 rgb(8,31,33)
```
#0c2e30
```
#0c2e30 rgb(12,46,48)
```
#0f3d40
```
#0f3d40 rgb(15,61,64)
```
#134c50
```
#134c50 rgb(19,76,80)
```
#175c60
```
#175c60 rgb(23,92,96)
```
#1b6b70
```
#1b6b70 rgb(27,107,112)
```
#1f7a80
```
#1f7a80 rgb(31,122,128)
```
#22898f
```
#22898f rgb(34,137,143)
```
#26989f
```
#26989f rgb(38,152,159)
```
#2aa7af
```
#2aa7af rgb(42,167,175)
```
#2eb6bf
```
#2eb6bf rgb(46,182,191)
```

Shade Color Variation

#32c5ce
```
#32c5ce rgb(50,197,206)
```
#42c9d2
```
#42c9d2 rgb(66,201,210)
```
#52ced5
```
#52ced5 rgb(82,206,213)
```
#62d2d9
```
#62d2d9 rgb(98,210,217)
```
#72d7dd
```
#72d7dd rgb(114,215,221)
```
#81dbe1
```
#81dbe1 rgb(129,219,225)
```
#91e0e5
```
#91e0e5 rgb(145,224,229)
```
#a1e4e8
```
#a1e4e8 rgb(161,228,232)
```
#b1e9ec
```
#b1e9ec rgb(177,233,236)
```
#c1edf0
```
#c1edf0 rgb(193,237,240)
```
#d1f2f4
```
#d1f2f4 rgb(209,242,244)
```
#e0f6f8
```
#e0f6f8 rgb(224,246,248)
```
#f0fbfb
```
#f0fbfb rgb(240,251,251)
```

Tint Color Variation

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

#647475
```
#647475 rgb(100,116,117)
```
#5c7b7d
```
#5c7b7d rgb(92,123,125)
```
#548285
```
#548285 rgb(84,130,133)
```
#4b8a8e
```
#4b8a8e rgb(75,138,142)
```
#439196
```
#439196 rgb(67,145,150)
```
#3b989e
```
#3b989e rgb(59,152,158)
```
#32a0a7
```
#32a0a7 rgb(50,160,167)
```
#2aa7af
```
#2aa7af rgb(42,167,175)
```
#22aeb7
```
#22aeb7 rgb(34,174,183)
```
#19b6c0
```
#19b6c0 rgb(25,182,192)
```
#11bdc8
```
#11bdc8 rgb(17,189,200)
```
#09c4d0
```
#09c4d0 rgb(9,196,208)
```
#00ccd9
```
#00ccd9 rgb(0,204,217)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#718a8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9caa Protanopia 1% of men
#9c99b9 Deuteranopia 1% of men
#39aab7 Tritanopia 0.001% of the population

Trichromacy

#72a0ab Protanomaly 1% of men, 0.01% of women
#729eb5 Deuteranomaly 6% of men, 0.4% of women
#33a9b4 Tritanomaly 0.01% of the population

#2aa7af hex color

#2aa7af Color Information

#2aa7af Color Conversion

Color Schemes with #2aa7af

Alternatives to #2aa7af

#2aa7af Preview

Shades and Tints of #2aa7af

Tones of #2aa7af

Color Blindness Simulator