colorhexa.com

#00aafc hex color

In a RGB color space, hex #00aafc is composed of 0% red, 66.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 32.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 199.5 degrees, a saturation of 100% and a lightness of 49.4%. #00aafc color hex could be obtained by blending #00ffff with #0055f9. Closest websafe color is: #0099ff.

- R 0
- G 67
- B 99
RGB color chart
- C 100
- M 33
- Y 0
- K 1
CMYK color chart

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

The hexadecimal color #00aafc has RGB values of R:0, G:170, B:252 and CMYK values of C:1, M:0.33, Y:0, K:0.01. Its decimal value is 43772.

Hex triplet	00aafc	`#00aafc`
RGB Decimal	0, 170, 252	`rgb(0,170,252)`
RGB Percent	0, 66.7, 98.8	`rgb(0%,66.7%,98.8%)`
CMYK	100, 33, 0, 1
HSL	199.5°, 100, 49.4	`hsl(199.5,100%,49.4%)`
HSV (or HSB)	199.5°, 100, 98.8
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.347, -7.324, -50.67
XYZ	31.941, 35.775, 97.312
xyY	0.194, 0.217, 35.775
CIE-LCH	66.347, 51.197, 261.776
CIE-LUV	66.347, -42.576, -81.22
Hunter-Lab	59.812, -9.347, -54.594
Binary	00000000, 10101010, 11111100

#00aafc
```
#00aafc rgb(0,170,252)
```
#fc5200
```
#fc5200 rgb(252,82,0)
```

Complementary Color

#00fcd0
```
#00fcd0 rgb(0,252,208)
```
#00aafc
```
#00aafc rgb(0,170,252)
```
#002cfc
```
#002cfc rgb(0,44,252)
```

Analogous Color

#fcd000
```
#fcd000 rgb(252,208,0)
```
#00aafc
```
#00aafc rgb(0,170,252)
```
#fc002c
```
#fc002c rgb(252,0,44)
```

Split Complementary Color

#aafc00
```
#aafc00 rgb(170,252,0)
```
#00aafc
```
#00aafc rgb(0,170,252)
```
#fc00aa
```
#fc00aa rgb(252,0,170)
```

Triadic Color

#0076b0
```
#0076b0 rgb(0,118,176)
```
#0088c9
```
#0088c9 rgb(0,136,201)
```
#0099e3
```
#0099e3 rgb(0,153,227)
```
#00aafc
```
#00aafc rgb(0,170,252)
```
#17b3ff
```
#17b3ff rgb(23,179,255)
```
#30bcff
```
#30bcff rgb(48,188,255)
```
#4ac4ff
```
#4ac4ff rgb(74,196,255)
```

Monochromatic Color

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

#00e9fc
```
#00e9fc rgb(0,233,252)
```
#00d4fc
```
#00d4fc rgb(0,212,252)
```
#00bffc
```
#00bffc rgb(0,191,252)
```
#00aafc
```
#00aafc rgb(0,170,252)
```
#0095fc
```
#0095fc rgb(0,149,252)
```
#0080fc
```
#0080fc rgb(0,128,252)
```
#006bfc
```
#006bfc rgb(0,107,252)
```

Similar Colors

Text with hexadecimal color #00aafc

This text has a font color of #00aafc.

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

#00aafc background color

This paragraph has a background color of #00aafc.

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

#00aafc border color

This element has a border color of #00aafc.

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

CSS codes

.text {color:#00aafc;}

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

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

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

#000b11
```
#000b11 rgb(0,11,17)
```
#001824
```
#001824 rgb(0,24,36)
```
#002638
```
#002638 rgb(0,38,56)
```
#00334b
```
#00334b rgb(0,51,75)
```
#00405f
```
#00405f rgb(0,64,95)
```
#004d73
```
#004d73 rgb(0,77,115)
```
#005b86
```
#005b86 rgb(0,91,134)
```
#00689a
```
#00689a rgb(0,104,154)
```
#0075ae
```
#0075ae rgb(0,117,174)
```
#0082c1
```
#0082c1 rgb(0,130,193)
```
#0090d5
```
#0090d5 rgb(0,144,213)
```
#009de8
```
#009de8 rgb(0,157,232)
```
#00aafc
```
#00aafc rgb(0,170,252)
```

Shade Color Variation

#11b1ff
```
#11b1ff rgb(17,177,255)
```
#24b8ff
```
#24b8ff rgb(36,184,255)
```
#38beff
```
#38beff rgb(56,190,255)
```
#4bc5ff
```
#4bc5ff rgb(75,197,255)
```
#5fcbff
```
#5fcbff rgb(95,203,255)
```
#73d1ff
```
#73d1ff rgb(115,209,255)
```
#86d8ff
```
#86d8ff rgb(134,216,255)
```
#9adeff
```
#9adeff rgb(154,222,255)
```
#aee4ff
```
#aee4ff rgb(174,228,255)
```
#c1ebff
```
#c1ebff rgb(193,235,255)
```
#d5f1ff
```
#d5f1ff rgb(213,241,255)
```
#e8f8ff
```
#e8f8ff rgb(232,248,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#748188
```
#748188 rgb(116,129,136)
```
#6b8591
```
#6b8591 rgb(107,133,145)
```
#61889b
```
#61889b rgb(97,136,155)
```
#578ca5
```
#578ca5 rgb(87,140,165)
```
#4e8fae
```
#4e8fae rgb(78,143,174)
```
#4492b8
```
#4492b8 rgb(68,146,184)
```
#3a96c2
```
#3a96c2 rgb(58,150,194)
```
#3099cc
```
#3099cc rgb(48,153,204)
```
#279cd5
```
#279cd5 rgb(39,156,213)
```
#1da0df
```
#1da0df rgb(29,160,223)
```
#13a3e9
```
#13a3e9 rgb(19,163,233)
```
#0aa7f2
```
#0aa7f2 rgb(10,167,242)
```
#00aafc
```
#00aafc rgb(0,170,252)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#67899a Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a3f3 Protanopia 1% of men
#6da6ff Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#56a5f6 Protanomaly 1% of men, 0.01% of women
#45a7fd Deuteranomaly 6% of men, 0.4% of women
#00b1d7 Tritanomaly 0.01% of the population