#00a2cc hex color

In a RGB color space, hex #00a2cc is composed of 0% red, 63.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 20.6% magenta, 0% yellow and 20% black. It has a hue angle of 192.4 degrees, a saturation of 100% and a lightness of 40%. #00a2cc color hex could be obtained by blending #00ffff with #004599. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 64
- B 80
RGB color chart
- C 100
- M 21
- Y 0
- K 20
CMYK color chart

● #00a2cc color description : Strong cyan.

The hexadecimal color #00a2cc has RGB values of R:0, G:162, B:204 and CMYK values of C:1, M:0.21, Y:0, K:0.2. Its decimal value is 41676.

Hex triplet	00a2cc	`#00a2cc`
RGB Decimal	0, 162, 204	`rgb(0,162,204)`
RGB Percent	0, 63.5, 80	`rgb(0%,63.5%,80%)`
CMYK	100, 21, 0, 20
HSL	192.4°, 100, 40	`hsl(192.4,100%,40%)`
HSV (or HSB)	192.4°, 100, 80
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.825, -20.229, -31.32
XYZ	23.816, 30.198, 61.697
xyY	0.206, 0.261, 30.198
CIE-LCH	61.825, 37.284, 237.142
CIE-LUV	61.825, -43.326, -46.386
Hunter-Lab	54.953, -18.805, -28.1
Binary	00000000, 10100010, 11001100

#00a2cc
```
#00a2cc rgb(0,162,204)
```
#cc2a00
```
#cc2a00 rgb(204,42,0)
```

Complementary Color

#00cc90
```
#00cc90 rgb(0,204,144)
```
#00a2cc
```
#00a2cc rgb(0,162,204)
```
#003ccc
```
#003ccc rgb(0,60,204)
```

Analogous Color

#cc9000
```
#cc9000 rgb(204,144,0)
```
#00a2cc
```
#00a2cc rgb(0,162,204)
```
#cc003c
```
#cc003c rgb(204,0,60)
```

Split Complementary Color

#a2cc00
```
#a2cc00 rgb(162,204,0)
```
#00a2cc
```
#00a2cc rgb(0,162,204)
```
#cc00a2
```
#cc00a2 rgb(204,0,162)
```

Triadic Color

#00cc2a
```
#00cc2a rgb(0,204,42)
```
#00a2cc
```
#00a2cc rgb(0,162,204)
```
#cc00a2
```
#cc00a2 rgb(204,0,162)
```
#cc2a00
```
#cc2a00 rgb(204,42,0)
```

Tetradic Color

#006580
```
#006580 rgb(0,101,128)
```
#007a99
```
#007a99 rgb(0,122,153)
```
#008eb3
```
#008eb3 rgb(0,142,179)
```
#00a2cc
```
#00a2cc rgb(0,162,204)
```
#00b6e6
```
#00b6e6 rgb(0,182,230)
```
#00cbff
```
#00cbff rgb(0,203,255)
```
#1ad0ff
```
#1ad0ff rgb(26,208,255)
```

Monochromatic Color

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

#00ccc3
```
#00ccc3 rgb(0,204,195)
```
#00c4cc
```
#00c4cc rgb(0,196,204)
```
#00b3cc
```
#00b3cc rgb(0,179,204)
```
#00a2cc
```
#00a2cc rgb(0,162,204)
```
#0091cc
```
#0091cc rgb(0,145,204)
```
#0080cc
```
#0080cc rgb(0,128,204)
```
#006fcc
```
#006fcc rgb(0,111,204)
```

Similar Colors

Text with hexadecimal color #00a2cc

This text has a font color of #00a2cc.

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

#00a2cc background color

This paragraph has a background color of #00a2cc.

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

#00a2cc border color

This element has a border color of #00a2cc.

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

CSS codes

.text {color:#00a2cc;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#00161b
```
#00161b rgb(0,22,27)
```
#00252f
```
#00252f rgb(0,37,47)
```
#003543
```
#003543 rgb(0,53,67)
```
#004556
```
#004556 rgb(0,69,86)
```
#00546a
```
#00546a rgb(0,84,106)
```
#00647e
```
#00647e rgb(0,100,126)
```
#007391
```
#007391 rgb(0,115,145)
```
#0083a5
```
#0083a5 rgb(0,131,165)
```
#0092b8
```
#0092b8 rgb(0,146,184)
```
#00a2cc
```
#00a2cc rgb(0,162,204)
```
#00b2e0
```
#00b2e0 rgb(0,178,224)
```
#00c1f3
```
#00c1f3 rgb(0,193,243)
```

Shade Color Variation

#08ccff
```
#08ccff rgb(8,204,255)
```
#1bd0ff
```
#1bd0ff rgb(27,208,255)
```
#2fd4ff
```
#2fd4ff rgb(47,212,255)
```
#43d8ff
```
#43d8ff rgb(67,216,255)
```
#56dcff
```
#56dcff rgb(86,220,255)
```
#6ae0ff
```
#6ae0ff rgb(106,224,255)
```
#7ee4ff
```
#7ee4ff rgb(126,228,255)
```
#91e8ff
```
#91e8ff rgb(145,232,255)
```
#a5ecff
```
#a5ecff rgb(165,236,255)
```
#b8f0ff
```
#b8f0ff rgb(184,240,255)
```
#ccf5ff
```
#ccf5ff rgb(204,245,255)
```
#e0f9ff
```
#e0f9ff rgb(224,249,255)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#5e6b6e
```
#5e6b6e rgb(94,107,110)
```
#566f76
```
#566f76 rgb(86,111,118)
```
#4e747e
```
#4e747e rgb(78,116,126)
```
#477885
```
#477885 rgb(71,120,133)
```
#3f7d8d
```
#3f7d8d rgb(63,125,141)
```
#378295
```
#378295 rgb(55,130,149)
```
#2f869d
```
#2f869d rgb(47,134,157)
```
#278ba5
```
#278ba5 rgb(39,139,165)
```
#1f90ad
```
#1f90ad rgb(31,144,173)
```
#1894b4
```
#1894b4 rgb(24,148,180)
```
#1099bc
```
#1099bc rgb(16,153,188)
```
#089dc4
```
#089dc4 rgb(8,157,196)
```
#00a2cc
```
#00a2cc rgb(0,162,204)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#5e7f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e99c5 Protanopia 1% of men
#8499d4 Deuteranopia 1% of men
#00a9b5 Tritanopia 0.001% of the population

Trichromacy

#5a9cc7 Protanomaly 1% of men, 0.01% of women
#549cd1 Deuteranomaly 6% of men, 0.4% of women
#00a7bd Tritanomaly 0.01% of the population

#00a2cc hex color

#00a2cc Color Information

#00a2cc Color Conversion

Color Schemes with #00a2cc

Alternatives to #00a2cc

#00a2cc Preview

Shades and Tints of #00a2cc

Tones of #00a2cc

Color Blindness Simulator