#00a2dd hex color

In a RGB color space, hex #00a2dd is composed of 0% red, 63.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 26.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 196 degrees, a saturation of 100% and a lightness of 43.3%. #00a2dd color hex could be obtained by blending #00ffff with #0045bb. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 64
- B 87
RGB color chart
- C 100
- M 27
- Y 0
- K 13
CMYK color chart

● #00a2dd color description : Pure (or mostly pure) blue.

The hexadecimal color #00a2dd has RGB values of R:0, G:162, B:221 and CMYK values of C:1, M:0.27, Y:0, K:0.13. Its decimal value is 41693.

Hex triplet	00a2dd	`#00a2dd`
RGB Decimal	0, 162, 221	`rgb(0,162,221)`
RGB Percent	0, 63.5, 86.7	`rgb(0%,63.5%,86.7%)`
CMYK	100, 27, 0, 13
HSL	196°, 100, 43.3	`hsl(196,100%,43.3%)`
HSV (or HSB)	196°, 100, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.557, -14.166, -39.625
XYZ	25.968, 31.059, 73.029
xyY	0.2, 0.239, 31.059
CIE-LCH	62.557, 42.081, 250.328
CIE-LUV	62.557, -42.071, -61.118
Hunter-Lab	55.73, -14.354, -38.682
Binary	00000000, 10100010, 11011101

#00a2dd
```
#00a2dd rgb(0,162,221)
```
#dd3b00
```
#dd3b00 rgb(221,59,0)
```

Complementary Color

#00ddaa
```
#00ddaa rgb(0,221,170)
```
#00a2dd
```
#00a2dd rgb(0,162,221)
```
#0034dd
```
#0034dd rgb(0,52,221)
```

Analogous Color

#ddaa00
```
#ddaa00 rgb(221,170,0)
```
#00a2dd
```
#00a2dd rgb(0,162,221)
```
#dd0034
```
#dd0034 rgb(221,0,52)
```

Split Complementary Color

#a2dd00
```
#a2dd00 rgb(162,221,0)
```
#00a2dd
```
#00a2dd rgb(0,162,221)
```
#dd00a2
```
#dd00a2 rgb(221,0,162)
```

Triadic Color

#00dd3b
```
#00dd3b rgb(0,221,59)
```
#00a2dd
```
#00a2dd rgb(0,162,221)
```
#dd00a2
```
#dd00a2 rgb(221,0,162)
```
#dd3b00
```
#dd3b00 rgb(221,59,0)
```

Tetradic Color

#006a91
```
#006a91 rgb(0,106,145)
```
#007daa
```
#007daa rgb(0,125,170)
```
#008fc4
```
#008fc4 rgb(0,143,196)
```
#00a2dd
```
#00a2dd rgb(0,162,221)
```
#00b5f7
```
#00b5f7 rgb(0,181,247)
```
#11bfff
```
#11bfff rgb(17,191,255)
```
#2bc6ff
```
#2bc6ff rgb(43,198,255)
```

Monochromatic Color

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

#00d9dd
```
#00d9dd rgb(0,217,221)
```
#00c7dd
```
#00c7dd rgb(0,199,221)
```
#00b4dd
```
#00b4dd rgb(0,180,221)
```
#00a2dd
```
#00a2dd rgb(0,162,221)
```
#0090dd
```
#0090dd rgb(0,144,221)
```
#007ddd
```
#007ddd rgb(0,125,221)
```
#006bdd
```
#006bdd rgb(0,107,221)
```

Similar Colors

Text with hexadecimal color #00a2dd

This text has a font color of #00a2dd.

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

#00a2dd background color

This paragraph has a background color of #00a2dd.

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

#00a2dd border color

This element has a border color of #00a2dd.

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

CSS codes

.text {color:#00a2dd;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001219
```
#001219 rgb(0,18,25)
```
#00212c
```
#00212c rgb(0,33,44)
```
#002f40
```
#002f40 rgb(0,47,64)
```
#003d54
```
#003d54 rgb(0,61,84)
```
#004c67
```
#004c67 rgb(0,76,103)
```
#005a7b
```
#005a7b rgb(0,90,123)
```
#00688f
```
#00688f rgb(0,104,143)
```
#0077a2
```
#0077a2 rgb(0,119,162)
```
#0085b6
```
#0085b6 rgb(0,133,182)
```
#0094c9
```
#0094c9 rgb(0,148,201)
```
#00a2dd
```
#00a2dd rgb(0,162,221)
```
#00b0f1
```
#00b0f1 rgb(0,176,241)
```

Shade Color Variation

#05bcff
```
#05bcff rgb(5,188,255)
```
#19c2ff
```
#19c2ff rgb(25,194,255)
```
#2cc7ff
```
#2cc7ff rgb(44,199,255)
```
#40ccff
```
#40ccff rgb(64,204,255)
```
#54d1ff
```
#54d1ff rgb(84,209,255)
```
#67d7ff
```
#67d7ff rgb(103,215,255)
```
#7bdcff
```
#7bdcff rgb(123,220,255)
```
#8fe1ff
```
#8fe1ff rgb(143,225,255)
```
#a2e6ff
```
#a2e6ff rgb(162,230,255)
```
#b6ebff
```
#b6ebff rgb(182,235,255)
```
#c9f1ff
```
#c9f1ff rgb(201,241,255)
```
#ddf6ff
```
#ddf6ff rgb(221,246,255)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

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

#667277
```
#667277 rgb(102,114,119)
```
#5e7680
```
#5e7680 rgb(94,118,128)
```
#557a88
```
#557a88 rgb(85,122,136)
```
#4d7e91
```
#4d7e91 rgb(77,126,145)
```
#448299
```
#448299 rgb(68,130,153)
```
#3c86a2
```
#3c86a2 rgb(60,134,162)
```
#338aaa
```
#338aaa rgb(51,138,170)
```
#2b8eb3
```
#2b8eb3 rgb(43,142,179)
```
#2292bb
```
#2292bb rgb(34,146,187)
```
#1a96c4
```
#1a96c4 rgb(26,150,196)
```
#119acc
```
#119acc rgb(17,154,204)
```
#099ed5
```
#099ed5 rgb(9,158,213)
```
#00a2dd
```
#00a2dd rgb(0,162,221)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#60808c Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ad5 Protanopia 1% of men
#789ce3 Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#579dd8 Protanomaly 1% of men, 0.01% of women
#4c9ee0 Deuteranomaly 6% of men, 0.4% of women
#00a8c5 Tritanomaly 0.01% of the population

#00a2dd hex color

#00a2dd Color Information

#00a2dd Color Conversion

Color Schemes with #00a2dd

Alternatives to #00a2dd

#00a2dd Preview

Shades and Tints of #00a2dd

Tones of #00a2dd

Color Blindness Simulator