#00a1dc hex color

In a RGB color space, hex #00a1dc is composed of 0% red, 63.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 26.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 196.1 degrees, a saturation of 100% and a lightness of 43.1%. #00a1dc color hex could be obtained by blending #00ffff with #0043b9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 63
- B 86
RGB color chart
- C 100
- M 27
- Y 0
- K 14
CMYK color chart

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

The hexadecimal color #00a1dc has RGB values of R:0, G:161, B:220 and CMYK values of C:1, M:0.27, Y:0, K:0.14. Its decimal value is 41436.

Hex triplet	00a1dc	`#00a1dc`
RGB Decimal	0, 161, 220	`rgb(0,161,220)`
RGB Percent	0, 63.1, 86.3	`rgb(0%,63.1%,86.3%)`
CMYK	100, 27, 0, 14
HSL	196.1°, 100, 43.1	`hsl(196.1,100%,43.1%)`
HSV (or HSB)	196.1°, 100, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.215, -13.98, -39.607
XYZ	25.66, 30.655, 72.271
xyY	0.2, 0.238, 30.655
CIE-LCH	62.215, 42.002, 250.559
CIE-LUV	62.215, -41.807, -61.057
Hunter-Lab	55.367, -14.165, -38.636
Binary	00000000, 10100001, 11011100

#00a1dc
```
#00a1dc rgb(0,161,220)
```
#dc3b00
```
#dc3b00 rgb(220,59,0)
```

Complementary Color

#00dca9
```
#00dca9 rgb(0,220,169)
```
#00a1dc
```
#00a1dc rgb(0,161,220)
```
#0033dc
```
#0033dc rgb(0,51,220)
```

Analogous Color

#dca900
```
#dca900 rgb(220,169,0)
```
#00a1dc
```
#00a1dc rgb(0,161,220)
```
#dc0033
```
#dc0033 rgb(220,0,51)
```

Split Complementary Color

#a1dc00
```
#a1dc00 rgb(161,220,0)
```
#00a1dc
```
#00a1dc rgb(0,161,220)
```
#dc00a1
```
#dc00a1 rgb(220,0,161)
```

Triadic Color

#00dc3b
```
#00dc3b rgb(0,220,59)
```
#00a1dc
```
#00a1dc rgb(0,161,220)
```
#dc00a1
```
#dc00a1 rgb(220,0,161)
```
#dc3b00
```
#dc3b00 rgb(220,59,0)
```

Tetradic Color

#006990
```
#006990 rgb(0,105,144)
```
#007ca9
```
#007ca9 rgb(0,124,169)
```
#008ec3
```
#008ec3 rgb(0,142,195)
```
#00a1dc
```
#00a1dc rgb(0,161,220)
```
#00b4f6
```
#00b4f6 rgb(0,180,246)
```
#10bfff
```
#10bfff rgb(16,191,255)
```
#2ac6ff
```
#2ac6ff rgb(42,198,255)
```

Monochromatic Color

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

#00d8dc
```
#00d8dc rgb(0,216,220)
```
#00c6dc
```
#00c6dc rgb(0,198,220)
```
#00b3dc
```
#00b3dc rgb(0,179,220)
```
#00a1dc
```
#00a1dc rgb(0,161,220)
```
#008fdc
```
#008fdc rgb(0,143,220)
```
#007cdc
```
#007cdc rgb(0,124,220)
```
#006adc
```
#006adc rgb(0,106,220)
```

Similar Colors

Text with hexadecimal color #00a1dc

This text has a font color of #00a1dc.

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

#00a1dc background color

This paragraph has a background color of #00a1dc.

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

#00a1dc border color

This element has a border color of #00a1dc.

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

CSS codes

.text {color:#00a1dc;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001118
```
#001118 rgb(0,17,24)
```
#00202b
```
#00202b rgb(0,32,43)
```
#002e3f
```
#002e3f rgb(0,46,63)
```
#003d53
```
#003d53 rgb(0,61,83)
```
#004b66
```
#004b66 rgb(0,75,102)
```
#00597a
```
#00597a rgb(0,89,122)
```
#00688e
```
#00688e rgb(0,104,142)
```
#0076a1
```
#0076a1 rgb(0,118,161)
```
#0084b5
```
#0084b5 rgb(0,132,181)
```
#0093c8
```
#0093c8 rgb(0,147,200)
```
#00a1dc
```
#00a1dc rgb(0,161,220)
```
#00aff0
```
#00aff0 rgb(0,175,240)
```

Shade Color Variation

#04bcff
```
#04bcff rgb(4,188,255)
```
#18c1ff
```
#18c1ff rgb(24,193,255)
```
#2bc6ff
```
#2bc6ff rgb(43,198,255)
```
#3fccff
```
#3fccff rgb(63,204,255)
```
#53d1ff
```
#53d1ff rgb(83,209,255)
```
#66d6ff
```
#66d6ff rgb(102,214,255)
```
#7adbff
```
#7adbff rgb(122,219,255)
```
#8ee1ff
```
#8ee1ff rgb(142,225,255)
```
#a1e6ff
```
#a1e6ff rgb(161,230,255)
```
#b5ebff
```
#b5ebff rgb(181,235,255)
```
#c8f0ff
```
#c8f0ff rgb(200,240,255)
```
#dcf6ff
```
#dcf6ff rgb(220,246,255)
```
#f0fbff
```
#f0fbff rgb(240,251,255)
```

Tint Color Variation

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

#667276
```
#667276 rgb(102,114,118)
```
#5d767f
```
#5d767f rgb(93,118,127)
```
#557a87
```
#557a87 rgb(85,122,135)
```
#4c7e90
```
#4c7e90 rgb(76,126,144)
```
#448298
```
#448298 rgb(68,130,152)
```
#3b86a1
```
#3b86a1 rgb(59,134,161)
```
#3389a9
```
#3389a9 rgb(51,137,169)
```
#2a8db2
```
#2a8db2 rgb(42,141,178)
```
#2291ba
```
#2291ba rgb(34,145,186)
```
#1995c3
```
#1995c3 rgb(25,149,195)
```
#1199cb
```
#1199cb rgb(17,153,203)
```
#089dd4
```
#089dd4 rgb(8,157,212)
```
#00a1dc
```
#00a1dc rgb(0,161,220)
```

Tone Color Variation

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

#8899d5 Protanopia 1% of men
#789be2 Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#569cd7 Protanomaly 1% of men, 0.01% of women
#4c9ddf Deuteranomaly 6% of men, 0.4% of women
#00a7c4 Tritanomaly 0.01% of the population

#00a1dc hex color

#00a1dc Color Information

#00a1dc Color Conversion

Color Schemes with #00a1dc

Alternatives to #00a1dc

#00a1dc Preview

Shades and Tints of #00a1dc

Tones of #00a1dc

Color Blindness Simulator