#2aafad hex color

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

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

● #2aafad color description : Dark cyan.

The hexadecimal color #2aafad has RGB values of R:42, G:175, B:173 and CMYK values of C:0.76, M:0, Y:0.01, K:0.31. Its decimal value is 2797485.

Hex triplet	2aafad	`#2aafad`
RGB Decimal	42, 175, 173	`rgb(42,175,173)`
RGB Percent	16.5, 68.6, 67.8	`rgb(16.5%,68.6%,67.8%)`
CMYK	76, 0, 1, 31
HSL	179.1°, 61.3, 42.5	`hsl(179.1,61.3%,42.5%)`
HSV (or HSB)	179.1°, 76, 68.6
Web Safe	339999	`#339999`

CIE-LAB	65.095, -34.286, -9.015
XYZ	23.825, 34.167, 44.872
xyY	0.232, 0.332, 34.167
CIE-LCH	65.095, 35.452, 194.732
CIE-LUV	65.095, -47.22, -8.483
Hunter-Lab	58.453, -29.535, -4.598
Binary	00101010, 10101111, 10101101

#2aafad
```
#2aafad rgb(42,175,173)
```
#af2a2c
```
#af2a2c rgb(175,42,44)
```

Complementary Color

#2aaf6b
```
#2aaf6b rgb(42,175,107)
```
#2aafad
```
#2aafad rgb(42,175,173)
```
#2a6faf
```
#2a6faf rgb(42,111,175)
```

Analogous Color

#af6b2a
```
#af6b2a rgb(175,107,42)
```
#2aafad
```
#2aafad rgb(42,175,173)
```
#af2a6f
```
#af2a6f rgb(175,42,111)
```

Split Complementary Color

#afad2a
```
#afad2a rgb(175,173,42)
```
#2aafad
```
#2aafad rgb(42,175,173)
```
#ad2aaf
```
#ad2aaf rgb(173,42,175)
```

Triadic Color

#2caf2a
```
#2caf2a rgb(44,175,42)
```
#2aafad
```
#2aafad rgb(42,175,173)
```
#ad2aaf
```
#ad2aaf rgb(173,42,175)
```
#af2a2c
```
#af2a2c rgb(175,42,44)
```

Tetradic Color

#1b7170
```
#1b7170 rgb(27,113,112)
```
#208684
```
#208684 rgb(32,134,132)
```
#259a99
```
#259a99 rgb(37,154,153)
```
#2aafad
```
#2aafad rgb(42,175,173)
```
#2fc4c1
```
#2fc4c1 rgb(47,196,193)
```
#3cd0ce
```
#3cd0ce rgb(60,208,206)
```
#50d5d3
```
#50d5d3 rgb(80,213,211)
```

Monochromatic Color

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

#2aaf8c
```
#2aaf8c rgb(42,175,140)
```
#2aaf97
```
#2aaf97 rgb(42,175,151)
```
#2aafa2
```
#2aafa2 rgb(42,175,162)
```
#2aafad
```
#2aafad rgb(42,175,173)
```
#2aa6af
```
#2aa6af rgb(42,166,175)
```
#2a9baf
```
#2a9baf rgb(42,155,175)
```
#2a90af
```
#2a90af rgb(42,144,175)
```

Similar Colors

Text with hexadecimal color #2aafad

This text has a font color of #2aafad.

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

#2aafad background color

This paragraph has a background color of #2aafad.

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

#2aafad border color

This element has a border color of #2aafad.

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

CSS codes

.text {color:#2aafad;}

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

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

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)
```
#041111
```
#041111 rgb(4,17,17)
```
#082120
```
#082120 rgb(8,33,32)
```
#0c3030
```
#0c3030 rgb(12,48,48)
```
#0f4040
```
#0f4040 rgb(15,64,64)
```
#13504f
```
#13504f rgb(19,80,79)
```
#17605f
```
#17605f rgb(23,96,95)
```
#1b706e
```
#1b706e rgb(27,112,110)
```
#1f807e
```
#1f807e rgb(31,128,126)
```
#228f8e
```
#228f8e rgb(34,143,142)
```
#269f9d
```
#269f9d rgb(38,159,157)
```
#2aafad
```
#2aafad rgb(42,175,173)
```
#2ebfbd
```
#2ebfbd rgb(46,191,189)
```

Shade Color Variation

#32cecc
```
#32cecc rgb(50,206,204)
```
#42d2d0
```
#42d2d0 rgb(66,210,208)
```
#52d5d3
```
#52d5d3 rgb(82,213,211)
```
#62d9d7
```
#62d9d7 rgb(98,217,215)
```
#72dddb
```
#72dddb rgb(114,221,219)
```
#81e1df
```
#81e1df rgb(129,225,223)
```
#91e5e3
```
#91e5e3 rgb(145,229,227)
```
#a1e8e7
```
#a1e8e7 rgb(161,232,231)
```
#b1eceb
```
#b1eceb rgb(177,236,235)
```
#c1f0ef
```
#c1f0ef rgb(193,240,239)
```
#d1f4f3
```
#d1f4f3 rgb(209,244,243)
```
#e0f8f7
```
#e0f8f7 rgb(224,248,247)
```
#f0fbfb
```
#f0fbfb rgb(240,251,251)
```

Tint Color Variation

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

#647574
```
#647574 rgb(100,117,116)
```
#5c7d7c
```
#5c7d7c rgb(92,125,124)
```
#548585
```
#548585 rgb(84,133,133)
```
#4b8e8d
```
#4b8e8d rgb(75,142,141)
```
#439695
```
#439695 rgb(67,150,149)
```
#3b9e9d
```
#3b9e9d rgb(59,158,157)
```
#32a7a5
```
#32a7a5 rgb(50,167,165)
```
#2aafad
```
#2aafad rgb(42,175,173)
```
#22b7b5
```
#22b7b5 rgb(34,183,181)
```
#19c0bd
```
#19c0bd rgb(25,192,189)
```
#11c8c5
```
#11c8c5 rgb(17,200,197)
```
#09d0cd
```
#09d0cd rgb(9,208,205)
```
#00d9d5
```
#00d9d5 rgb(0,217,213)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#748f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a2a7 Protanopia 1% of men
#a79fb8 Deuteranopia 1% of men
#40b1be Tritanopia 0.001% of the population

Trichromacy

#77a6a9 Protanomaly 1% of men, 0.01% of women
#79a4b4 Deuteranomaly 6% of men, 0.4% of women
#38b0b7 Tritanomaly 0.01% of the population

#2aafad hex color

#2aafad Color Information

#2aafad Color Conversion

Color Schemes with #2aafad

Alternatives to #2aafad

#2aafad Preview

Shades and Tints of #2aafad

Tones of #2aafad

Color Blindness Simulator