#00a2c1 hex color

In a RGB color space, hex #00a2c1 is composed of 0% red, 63.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 16.1% magenta, 0% yellow and 24.3% black. It has a hue angle of 189.6 degrees, a saturation of 100% and a lightness of 37.8%. #00a2c1 color hex could be obtained by blending #00ffff with #004583. Closest websafe color is: #0099cc.

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

● #00a2c1 color description : Strong cyan.

The hexadecimal color #00a2c1 has RGB values of R:0, G:162, B:193 and CMYK values of C:1, M:0.16, Y:0, K:0.24. Its decimal value is 41665.

Hex triplet	00a2c1	`#00a2c1`
RGB Decimal	0, 162, 193	`rgb(0,162,193)`
RGB Percent	0, 63.5, 75.7	`rgb(0%,63.5%,75.7%)`
CMYK	100, 16, 0, 24
HSL	189.6°, 100, 37.8	`hsl(189.6,100%,37.8%)`
HSV (or HSB)	189.6°, 100, 75.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.385, -24.053, -25.851
XYZ	22.543, 29.689, 54.991
xyY	0.21, 0.277, 29.689
CIE-LCH	61.385, 35.31, 227.064
CIE-LUV	61.385, -44.171, -36.805
Hunter-Lab	54.487, -21.501, -21.698
Binary	00000000, 10100010, 11000001

#00a2c1
```
#00a2c1 rgb(0,162,193)
```
#c11f00
```
#c11f00 rgb(193,31,0)
```

Complementary Color

#00c180
```
#00c180 rgb(0,193,128)
```
#00a2c1
```
#00a2c1 rgb(0,162,193)
```
#0041c1
```
#0041c1 rgb(0,65,193)
```

Analogous Color

#c18000
```
#c18000 rgb(193,128,0)
```
#00a2c1
```
#00a2c1 rgb(0,162,193)
```
#c10041
```
#c10041 rgb(193,0,65)
```

Split Complementary Color

#a2c100
```
#a2c100 rgb(162,193,0)
```
#00a2c1
```
#00a2c1 rgb(0,162,193)
```
#c100a2
```
#c100a2 rgb(193,0,162)
```

Triadic Color

#00c11f
```
#00c11f rgb(0,193,31)
```
#00a2c1
```
#00a2c1 rgb(0,162,193)
```
#c100a2
```
#c100a2 rgb(193,0,162)
```
#c11f00
```
#c11f00 rgb(193,31,0)
```

Tetradic Color

#006275
```
#006275 rgb(0,98,117)
```
#00778e
```
#00778e rgb(0,119,142)
```
#008da8
```
#008da8 rgb(0,141,168)
```
#00a2c1
```
#00a2c1 rgb(0,162,193)
```
#00b7db
```
#00b7db rgb(0,183,219)
```
#00cdf4
```
#00cdf4 rgb(0,205,244)
```
#0fd8ff
```
#0fd8ff rgb(15,216,255)
```

Monochromatic Color

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

#00c1b0
```
#00c1b0 rgb(0,193,176)
```
#00c1c0
```
#00c1c0 rgb(0,193,192)
```
#00b2c1
```
#00b2c1 rgb(0,178,193)
```
#00a2c1
```
#00a2c1 rgb(0,162,193)
```
#0092c1
```
#0092c1 rgb(0,146,193)
```
#0082c1
```
#0082c1 rgb(0,130,193)
```
#0072c1
```
#0072c1 rgb(0,114,193)
```

Similar Colors

Text with hexadecimal color #00a2c1

This text has a font color of #00a2c1.

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

#00a2c1 background color

This paragraph has a background color of #00a2c1.

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

#00a2c1 border color

This element has a border color of #00a2c1.

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

CSS codes

.text {color:#00a2c1;}

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

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

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

#000e10
```
#000e10 rgb(0,14,16)
```
#001e24
```
#001e24 rgb(0,30,36)
```
#002f38
```
#002f38 rgb(0,47,56)
```
#003f4b
```
#003f4b rgb(0,63,75)
```
#00505f
```
#00505f rgb(0,80,95)
```
#006073
```
#006073 rgb(0,96,115)
```
#007186
```
#007186 rgb(0,113,134)
```
#00819a
```
#00819a rgb(0,129,154)
```
#0092ad
```
#0092ad rgb(0,146,173)
```
#00a2c1
```
#00a2c1 rgb(0,162,193)
```
#00b2d5
```
#00b2d5 rgb(0,178,213)
```
#00c3e8
```
#00c3e8 rgb(0,195,232)
```
#00d3fc
```
#00d3fc rgb(0,211,252)
```

Shade Color Variation

#10d9ff
```
#10d9ff rgb(16,217,255)
```
#24dcff
```
#24dcff rgb(36,220,255)
```
#38dfff
```
#38dfff rgb(56,223,255)
```
#4be2ff
```
#4be2ff rgb(75,226,255)
```
#5fe5ff
```
#5fe5ff rgb(95,229,255)
```
#73e8ff
```
#73e8ff rgb(115,232,255)
```
#86ecff
```
#86ecff rgb(134,236,255)
```
#9aefff
```
#9aefff rgb(154,239,255)
```
#adf2ff
```
#adf2ff rgb(173,242,255)
```
#c1f5ff
```
#c1f5ff rgb(193,245,255)
```
#d5f8ff
```
#d5f8ff rgb(213,248,255)
```
#e8fbff
```
#e8fbff rgb(232,251,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#596668
```
#596668 rgb(89,102,104)
```
#526b6f
```
#526b6f rgb(82,107,111)
```
#4a7077
```
#4a7077 rgb(74,112,119)
```
#43757e
```
#43757e rgb(67,117,126)
```
#3b7a86
```
#3b7a86 rgb(59,122,134)
```
#347f8d
```
#347f8d rgb(52,127,141)
```
#2d8494
```
#2d8494 rgb(45,132,148)
```
#25899c
```
#25899c rgb(37,137,156)
```
#1e8ea3
```
#1e8ea3 rgb(30,142,163)
```
#1693ab
```
#1693ab rgb(22,147,171)
```
#0f98b2
```
#0f98b2 rgb(15,152,178)
```
#079dba
```
#079dba rgb(7,157,186)
```
#00a2c1
```
#00a2c1 rgb(0,162,193)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#5e7e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9198ba Protanopia 1% of men
#8a97ca Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#5c9bbd Protanomaly 1% of men, 0.01% of women
#589bc6 Deuteranomaly 6% of men, 0.4% of women
#00a6b9 Tritanomaly 0.01% of the population

#00a2c1 hex color

#00a2c1 Color Information

#00a2c1 Color Conversion

Color Schemes with #00a2c1

Alternatives to #00a2c1

#00a2c1 Preview

Shades and Tints of #00a2c1

Tones of #00a2c1

Color Blindness Simulator