#00a2fc hex color

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

♥
- f
- t
- g
- R 0
- G 64
- B 99
RGB color chart
- C 100
- M 36
- Y 0
- K 1
CMYK color chart

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

The hexadecimal color #00a2fc has RGB values of R:0, G:162, B:252 and CMYK values of C:1, M:0.36, Y:0, K:0.01. Its decimal value is 41724.

Hex triplet	00a2fc	`#00a2fc`
RGB Decimal	0, 162, 252	`rgb(0,162,252)`
RGB Percent	0, 63.5, 98.8	`rgb(0%,63.5%,98.8%)`
CMYK	100, 36, 0, 1
HSL	201.4°, 100, 49.4	`hsl(201.4,100%,49.4%)`
HSV (or HSB)	201.4°, 100, 98.8
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.052, -2.789, -54.307
XYZ	30.487, 32.866, 96.827
xyY	0.19, 0.205, 32.866
CIE-LCH	64.052, 54.378, 267.06
CIE-LUV	64.052, -39.985, -87.377
Hunter-Lab	57.329, -5.402, -60.009
Binary	00000000, 10100010, 11111100

#00a2fc
```
#00a2fc rgb(0,162,252)
```
#fc5a00
```
#fc5a00 rgb(252,90,0)
```

Complementary Color

#00fcd8
```
#00fcd8 rgb(0,252,216)
```
#00a2fc
```
#00a2fc rgb(0,162,252)
```
#0024fc
```
#0024fc rgb(0,36,252)
```

Analogous Color

#fcd800
```
#fcd800 rgb(252,216,0)
```
#00a2fc
```
#00a2fc rgb(0,162,252)
```
#fc0024
```
#fc0024 rgb(252,0,36)
```

Split Complementary Color

#a2fc00
```
#a2fc00 rgb(162,252,0)
```
#00a2fc
```
#00a2fc rgb(0,162,252)
```
#fc00a2
```
#fc00a2 rgb(252,0,162)
```

Triadic Color

#00fc5a
```
#00fc5a rgb(0,252,90)
```
#00a2fc
```
#00a2fc rgb(0,162,252)
```
#fc00a2
```
#fc00a2 rgb(252,0,162)
```
#fc5a00
```
#fc5a00 rgb(252,90,0)
```

Tetradic Color

#0071b0
```
#0071b0 rgb(0,113,176)
```
#0081c9
```
#0081c9 rgb(0,129,201)
```
#0092e3
```
#0092e3 rgb(0,146,227)
```
#00a2fc
```
#00a2fc rgb(0,162,252)
```
#17acff
```
#17acff rgb(23,172,255)
```
#30b5ff
```
#30b5ff rgb(48,181,255)
```
#4abeff
```
#4abeff rgb(74,190,255)
```

Monochromatic Color

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

#00e1fc
```
#00e1fc rgb(0,225,252)
```
#00ccfc
```
#00ccfc rgb(0,204,252)
```
#00b7fc
```
#00b7fc rgb(0,183,252)
```
#00a2fc
```
#00a2fc rgb(0,162,252)
```
#008dfc
```
#008dfc rgb(0,141,252)
```
#0078fc
```
#0078fc rgb(0,120,252)
```
#0063fc
```
#0063fc rgb(0,99,252)
```

Similar Colors

Text with hexadecimal color #00a2fc

This text has a font color of #00a2fc.

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

#00a2fc background color

This paragraph has a background color of #00a2fc.

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

#00a2fc border color

This element has a border color of #00a2fc.

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

CSS codes

.text {color:#00a2fc;}

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

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

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)
```
#001724
```
#001724 rgb(0,23,36)
```
#002438
```
#002438 rgb(0,36,56)
```
#00314b
```
#00314b rgb(0,49,75)
```
#003d5f
```
#003d5f rgb(0,61,95)
```
#004a73
```
#004a73 rgb(0,74,115)
```
#005686
```
#005686 rgb(0,86,134)
```
#00639a
```
#00639a rgb(0,99,154)
```
#0070ae
```
#0070ae rgb(0,112,174)
```
#007cc1
```
#007cc1 rgb(0,124,193)
```
#0089d5
```
#0089d5 rgb(0,137,213)
```
#0095e8
```
#0095e8 rgb(0,149,232)
```
#00a2fc
```
#00a2fc rgb(0,162,252)
```

Shade Color Variation

#11aaff
```
#11aaff rgb(17,170,255)
```
#24b1ff
```
#24b1ff rgb(36,177,255)
```
#38b8ff
```
#38b8ff rgb(56,184,255)
```
#4bbfff
```
#4bbfff rgb(75,191,255)
```
#5fc6ff
```
#5fc6ff rgb(95,198,255)
```
#73cdff
```
#73cdff rgb(115,205,255)
```
#86d4ff
```
#86d4ff rgb(134,212,255)
```
#9adbff
```
#9adbff rgb(154,219,255)
```
#aee2ff
```
#aee2ff rgb(174,226,255)
```
#c1e9ff
```
#c1e9ff rgb(193,233,255)
```
#d5f0ff
```
#d5f0ff rgb(213,240,255)
```
#e8f7ff
```
#e8f7ff rgb(232,247,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 #00a2fc is the most saturated one.

#748188
```
#748188 rgb(116,129,136)
```
#6b8491
```
#6b8491 rgb(107,132,145)
```
#61869b
```
#61869b rgb(97,134,155)
```
#5789a5
```
#5789a5 rgb(87,137,165)
```
#4e8cae
```
#4e8cae rgb(78,140,174)
```
#448fb8
```
#448fb8 rgb(68,143,184)
```
#3a91c2
```
#3a91c2 rgb(58,145,194)
```
#3094cc
```
#3094cc rgb(48,148,204)
```
#2797d5
```
#2797d5 rgb(39,151,213)
```
#1d9adf
```
#1d9adf rgb(29,154,223)
```
#139ce9
```
#139ce9 rgb(19,156,233)
```
#0a9ff2
```
#0a9ff2 rgb(10,159,242)
```
#00a2fc
```
#00a2fc rgb(0,162,252)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#638496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c9df4 Protanopia 1% of men
#5aa1fe Deuteranopia 1% of men
#00b0bb Tritanopia 0.001% of the population

Trichromacy

#4f9ff7 Protanomaly 1% of men, 0.01% of women
#39a1fd Deuteranomaly 6% of men, 0.4% of women
#00aad2 Tritanomaly 0.01% of the population

#00a2fc hex color

#00a2fc Color Information

#00a2fc Color Conversion

Color Schemes with #00a2fc

Alternatives to #00a2fc

#00a2fc Preview

Shades and Tints of #00a2fc

Tones of #00a2fc

Color Blindness Simulator