#00aac2 hex color

In a RGB color space, hex #00aac2 is composed of 0% red, 66.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 12.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 187.4 degrees, a saturation of 100% and a lightness of 38%. #00aac2 color hex could be obtained by blending #00ffff with #005585. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 67
- B 76
RGB color chart
- C 100
- M 12
- Y 0
- K 24
CMYK color chart

● #00aac2 color description : Strong cyan.

The hexadecimal color #00aac2 has RGB values of R:0, G:170, B:194 and CMYK values of C:1, M:0.12, Y:0, K:0.24. Its decimal value is 43714.

Hex triplet	00aac2	`#00aac2`
RGB Decimal	0, 170, 194	`rgb(0,170,194)`
RGB Percent	0, 66.7, 76.1	`rgb(0%,66.7%,76.1%)`
CMYK	100, 12, 0, 24
HSL	187.4°, 100, 38	`hsl(187.4,100%,38%)`
HSV (or HSB)	187.4°, 100, 76.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.87, -27.758, -22.596
XYZ	24.11, 32.642, 56.066
xyY	0.214, 0.289, 32.642
CIE-LCH	63.87, 35.792, 219.148
CIE-LUV	63.87, -46.848, -31.167
Hunter-Lab	57.133, -24.658, -18.189
Binary	00000000, 10101010, 11000010

#00aac2
```
#00aac2 rgb(0,170,194)
```
#c21800
```
#c21800 rgb(194,24,0)
```

Complementary Color

#00c279
```
#00c279 rgb(0,194,121)
```
#00aac2
```
#00aac2 rgb(0,170,194)
```
#0049c2
```
#0049c2 rgb(0,73,194)
```

Analogous Color

#c27900
```
#c27900 rgb(194,121,0)
```
#00aac2
```
#00aac2 rgb(0,170,194)
```
#c20049
```
#c20049 rgb(194,0,73)
```

Split Complementary Color

#aac200
```
#aac200 rgb(170,194,0)
```
#00aac2
```
#00aac2 rgb(0,170,194)
```
#c200aa
```
#c200aa rgb(194,0,170)
```

Triadic Color

#00c218
```
#00c218 rgb(0,194,24)
```
#00aac2
```
#00aac2 rgb(0,170,194)
```
#c200aa
```
#c200aa rgb(194,0,170)
```
#c21800
```
#c21800 rgb(194,24,0)
```

Tetradic Color

#006776
```
#006776 rgb(0,103,118)
```
#007d8f
```
#007d8f rgb(0,125,143)
```
#0094a9
```
#0094a9 rgb(0,148,169)
```
#00aac2
```
#00aac2 rgb(0,170,194)
```
#00c0dc
```
#00c0dc rgb(0,192,220)
```
#00d7f5
```
#00d7f5 rgb(0,215,245)
```
#10e1ff
```
#10e1ff rgb(16,225,255)
```

Monochromatic Color

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

#00c2aa
```
#00c2aa rgb(0,194,170)
```
#00c2ba
```
#00c2ba rgb(0,194,186)
```
#00bac2
```
#00bac2 rgb(0,186,194)
```
#00aac2
```
#00aac2 rgb(0,170,194)
```
#009ac2
```
#009ac2 rgb(0,154,194)
```
#008ac2
```
#008ac2 rgb(0,138,194)
```
#007ac2
```
#007ac2 rgb(0,122,194)
```

Similar Colors

Text with hexadecimal color #00aac2

This text has a font color of #00aac2.

<span style="color:#00aac2;">Text here</span>

#00aac2 background color

This paragraph has a background color of #00aac2.

<p style="background-color:#00aac2;">Content here</p>

#00aac2 border color

This element has a border color of #00aac2.

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

CSS codes

.text {color:#00aac2;}

.background {background-color:#00aac2;}

.border {border:1px solid #00aac2;}

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, #000f11 is the darkest color, while #fdffff is the lightest one.

#000f11
```
#000f11 rgb(0,15,17)
```
#002025
```
#002025 rgb(0,32,37)
```
#003239
```
#003239 rgb(0,50,57)
```
#00434c
```
#00434c rgb(0,67,76)
```
#005460
```
#005460 rgb(0,84,96)
```
#006574
```
#006574 rgb(0,101,116)
```
#007687
```
#007687 rgb(0,118,135)
```
#00889b
```
#00889b rgb(0,136,155)
```
#0099ae
```
#0099ae rgb(0,153,174)
```
#00aac2
```
#00aac2 rgb(0,170,194)
```
#00bbd6
```
#00bbd6 rgb(0,187,214)
```
#00cce9
```
#00cce9 rgb(0,204,233)
```
#00defd
```
#00defd rgb(0,222,253)
```

Shade Color Variation

#11e2ff
```
#11e2ff rgb(17,226,255)
```
#25e4ff
```
#25e4ff rgb(37,228,255)
```
#39e6ff
```
#39e6ff rgb(57,230,255)
```
#4ce9ff
```
#4ce9ff rgb(76,233,255)
```
#60ebff
```
#60ebff rgb(96,235,255)
```
#74eeff
```
#74eeff rgb(116,238,255)
```
#87f0ff
```
#87f0ff rgb(135,240,255)
```
#9bf3ff
```
#9bf3ff rgb(155,243,255)
```
#aef5ff
```
#aef5ff rgb(174,245,255)
```
#c2f7ff
```
#c2f7ff rgb(194,247,255)
```
#d6faff
```
#d6faff rgb(214,250,255)
```
#e9fcff
```
#e9fcff rgb(233,252,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#5a6768
```
#5a6768 rgb(90,103,104)
```
#526c70
```
#526c70 rgb(82,108,112)
```
#4b7277
```
#4b7277 rgb(75,114,119)
```
#43777f
```
#43777f rgb(67,119,127)
```
#3c7d86
```
#3c7d86 rgb(60,125,134)
```
#34838e
```
#34838e rgb(52,131,142)
```
#2d8895
```
#2d8895 rgb(45,136,149)
```
#258e9d
```
#258e9d rgb(37,142,157)
```
#1e94a4
```
#1e94a4 rgb(30,148,164)
```
#1699ac
```
#1699ac rgb(22,153,172)
```
#0f9fb3
```
#0f9fb3 rgb(15,159,179)
```
#07a4bb
```
#07a4bb rgb(7,164,187)
```
#00aac2
```
#00aac2 rgb(0,170,194)
```

Tone Color Variation

Below, you can see how #00aac2 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

#7a7a7a Achromatopsia 0.005% of the population
#628488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999ebb Protanopia 1% of men
#959dcb Deuteranopia 1% of men
#00afbc Tritanopia 0.001% of the population

Trichromacy

#61a2bd Protanomaly 1% of men, 0.01% of women
#5fa2c8 Deuteranomaly 6% of men, 0.4% of women
#00adbe Tritanomaly 0.01% of the population

#00aac2 hex color

#00aac2 Color Information

#00aac2 Color Conversion

Color Schemes with #00aac2

Alternatives to #00aac2

#00aac2 Preview

Shades and Tints of #00aac2

Tones of #00aac2

Color Blindness Simulator