colorhexa.com

#00a7dd hex color

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

- R 0
- G 65
- B 87
RGB color chart
- C 100
- M 24
- Y 0
- K 13
CMYK color chart

● #00a7dd color description : Pure (or mostly pure) cyan.

The hexadecimal color #00a7dd has RGB values of R:0, G:167, B:221 and CMYK values of C:1, M:0.24, Y:0, K:0.13. Its decimal value is 42973.

Hex triplet	00a7dd	`#00a7dd`
RGB Decimal	0, 167, 221	`rgb(0,167,221)`
RGB Percent	0, 65.5, 86.7	`rgb(0%,65.5%,86.7%)`
CMYK	100, 24, 0, 13
HSL	194.7°, 100, 43.3	`hsl(194.7,100%,43.3%)`
HSV (or HSB)	194.7°, 100, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.044, -16.874, -37.301
XYZ	26.866, 32.855, 73.328
xyY	0.202, 0.247, 32.855
CIE-LCH	64.044, 40.941, 245.659
CIE-LUV	64.044, -43.754, -57.091
Hunter-Lab	57.319, -16.644, -35.726
Binary	00000000, 10100111, 11011101

#00a7dd
```
#00a7dd rgb(0,167,221)
```
#dd3600
```
#dd3600 rgb(221,54,0)
```

Complementary Color

#00dda5
```
#00dda5 rgb(0,221,165)
```
#00a7dd
```
#00a7dd rgb(0,167,221)
```
#0039dd
```
#0039dd rgb(0,57,221)
```

Analogous Color

#dda500
```
#dda500 rgb(221,165,0)
```
#00a7dd
```
#00a7dd rgb(0,167,221)
```
#dd0039
```
#dd0039 rgb(221,0,57)
```

Split Complementary Color

#a7dd00
```
#a7dd00 rgb(167,221,0)
```
#00a7dd
```
#00a7dd rgb(0,167,221)
```
#dd00a7
```
#dd00a7 rgb(221,0,167)
```

Triadic Color

#006d91
```
#006d91 rgb(0,109,145)
```
#0080aa
```
#0080aa rgb(0,128,170)
```
#0094c4
```
#0094c4 rgb(0,148,196)
```
#00a7dd
```
#00a7dd rgb(0,167,221)
```
#00baf7
```
#00baf7 rgb(0,186,247)
```
#11c5ff
```
#11c5ff rgb(17,197,255)
```
#2bcbff
```
#2bcbff rgb(43,203,255)
```

Monochromatic Color

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

#00dddc
```
#00dddc rgb(0,221,220)
```
#00ccdd
```
#00ccdd rgb(0,204,221)
```
#00b9dd
```
#00b9dd rgb(0,185,221)
```
#00a7dd
```
#00a7dd rgb(0,167,221)
```
#0095dd
```
#0095dd rgb(0,149,221)
```
#0082dd
```
#0082dd rgb(0,130,221)
```
#0070dd
```
#0070dd rgb(0,112,221)
```

Similar Colors

Text with hexadecimal color #00a7dd

This text has a font color of #00a7dd.

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

#00a7dd background color

This paragraph has a background color of #00a7dd.

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

#00a7dd border color

This element has a border color of #00a7dd.

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

CSS codes

.text {color:#00a7dd;}

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

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

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)
```
#001319
```
#001319 rgb(0,19,25)
```
#00222c
```
#00222c rgb(0,34,44)
```
#003040
```
#003040 rgb(0,48,64)
```
#003f54
```
#003f54 rgb(0,63,84)
```
#004e67
```
#004e67 rgb(0,78,103)
```
#005d7b
```
#005d7b rgb(0,93,123)
```
#006c8f
```
#006c8f rgb(0,108,143)
```
#007ba2
```
#007ba2 rgb(0,123,162)
```
#0089b6
```
#0089b6 rgb(0,137,182)
```
#0098c9
```
#0098c9 rgb(0,152,201)
```
#00a7dd
```
#00a7dd rgb(0,167,221)
```
#00b6f1
```
#00b6f1 rgb(0,182,241)
```

Shade Color Variation

#05c2ff
```
#05c2ff rgb(5,194,255)
```
#19c7ff
```
#19c7ff rgb(25,199,255)
```
#2cccff
```
#2cccff rgb(44,204,255)
```
#40d0ff
```
#40d0ff rgb(64,208,255)
```
#54d5ff
```
#54d5ff rgb(84,213,255)
```
#67daff
```
#67daff rgb(103,218,255)
```
#7bdfff
```
#7bdfff rgb(123,223,255)
```
#8fe4ff
```
#8fe4ff rgb(143,228,255)
```
#a2e8ff
```
#a2e8ff rgb(162,232,255)
```
#b6edff
```
#b6edff rgb(182,237,255)
```
#c9f2ff
```
#c9f2ff rgb(201,242,255)
```
#ddf7ff
```
#ddf7ff rgb(221,247,255)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

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

#667377
```
#667377 rgb(102,115,119)
```
#5e7780
```
#5e7780 rgb(94,119,128)
```
#557c88
```
#557c88 rgb(85,124,136)
```
#4d8091
```
#4d8091 rgb(77,128,145)
```
#448499
```
#448499 rgb(68,132,153)
```
#3c89a2
```
#3c89a2 rgb(60,137,162)
```
#338daa
```
#338daa rgb(51,141,170)
```
#2b91b3
```
#2b91b3 rgb(43,145,179)
```
#2296bb
```
#2296bb rgb(34,150,187)
```
#1a9ac4
```
#1a9ac4 rgb(26,154,196)
```
#119ecc
```
#119ecc rgb(17,158,204)
```
#09a3d5
```
#09a3d5 rgb(9,163,213)
```
#00a7dd
```
#00a7dd rgb(0,167,221)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#62848f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9ed5 Protanopia 1% of men
#819fe3 Deuteranopia 1% of men
#00b0bb Tritanopia 0.001% of the population

Trichromacy

#5ba1d8 Protanomaly 1% of men, 0.01% of women
#52a2e1 Deuteranomaly 6% of men, 0.4% of women
#00acc7 Tritanomaly 0.01% of the population