#002afe hex color

In a RGB color space, hex #002afe is composed of 0% red, 16.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 83.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 230.1 degrees, a saturation of 100% and a lightness of 49.8%. #002afe color hex could be obtained by blending #0054ff with #0000fd. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 0
- G 16
- B 100
RGB color chart
- C 100
- M 83
- Y 0
- K 0
CMYK color chart

● #002afe color description : Pure (or mostly pure) blue.

The hexadecimal color #002afe has RGB values of R:0, G:42, B:254 and CMYK values of C:1, M:0.83, Y:0, K:0. Its decimal value is 11006.

Hex triplet	002afe	`#002afe`
RGB Decimal	0, 42, 254	`rgb(0,42,254)`
RGB Percent	0, 16.5, 99.6	`rgb(0%,16.5%,99.6%)`
CMYK	100, 83, 0, 0
HSL	230.1°, 100, 49.8	`hsl(230.1,100%,49.8%)`
HSV (or HSB)	230.1°, 100, 99.6
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.616, 68.394, -101.764
XYZ	18.714, 8.81, 94.475
xyY	0.153, 0.072, 8.81
CIE-LCH	35.616, 122.612, 303.905
CIE-LUV	35.616, -11.797, -132.309
Hunter-Lab	29.682, 60.597, -167.937
Binary	00000000, 00101010, 11111110

#002afe
```
#002afe rgb(0,42,254)
```
#fed400
```
#fed400 rgb(254,212,0)
```

Complementary Color

#00a9fe
```
#00a9fe rgb(0,169,254)
```
#002afe
```
#002afe rgb(0,42,254)
```
#5500fe
```
#5500fe rgb(85,0,254)
```

Analogous Color

#a9fe00
```
#a9fe00 rgb(169,254,0)
```
#002afe
```
#002afe rgb(0,42,254)
```
#fe5500
```
#fe5500 rgb(254,85,0)
```

Split Complementary Color

#2afe00
```
#2afe00 rgb(42,254,0)
```
#002afe
```
#002afe rgb(0,42,254)
```
#fe002a
```
#fe002a rgb(254,0,42)
```

Triadic Color

#00fed4
```
#00fed4 rgb(0,254,212)
```
#002afe
```
#002afe rgb(0,42,254)
```
#fe002a
```
#fe002a rgb(254,0,42)
```
#fed400
```
#fed400 rgb(254,212,0)
```

Tetradic Color

#001db2
```
#001db2 rgb(0,29,178)
```
#0022cb
```
#0022cb rgb(0,34,203)
```
#0026e5
```
#0026e5 rgb(0,38,229)
```
#002afe
```
#002afe rgb(0,42,254)
```
#193fff
```
#193fff rgb(25,63,255)
```
#3254ff
```
#3254ff rgb(50,84,255)
```
#4c69ff
```
#4c69ff rgb(76,105,255)
```

Monochromatic Color

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

#006afe
```
#006afe rgb(0,106,254)
```
#0054fe
```
#0054fe rgb(0,84,254)
```
#003ffe
```
#003ffe rgb(0,63,254)
```
#002afe
```
#002afe rgb(0,42,254)
```
#0015fe
```
#0015fe rgb(0,21,254)
```
#0000fe
```
#0000fe rgb(0,0,254)
```
#1500fe
```
#1500fe rgb(21,0,254)
```

Similar Colors

Text with hexadecimal color #002afe

This text has a font color of #002afe.

<span style="color:#002afe;">Text here</span>

#002afe background color

This paragraph has a background color of #002afe.

<p style="background-color:#002afe;">Content here</p>

#002afe border color

This element has a border color of #002afe.

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

CSS codes

.text {color:#002afe;}

.background {background-color:#002afe;}

.border {border:1px solid #002afe;}

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

#000313
```
#000313 rgb(0,3,19)
```
#000626
```
#000626 rgb(0,6,38)
```
#000a3a
```
#000a3a rgb(0,10,58)
```
#000d4d
```
#000d4d rgb(0,13,77)
```
#001061
```
#001061 rgb(0,16,97)
```
#001375
```
#001375 rgb(0,19,117)
```
#001788
```
#001788 rgb(0,23,136)
```
#001a9c
```
#001a9c rgb(0,26,156)
```
#001db0
```
#001db0 rgb(0,29,176)
```
#0020c3
```
#0020c3 rgb(0,32,195)
```
#0024d7
```
#0024d7 rgb(0,36,215)
```
#0027ea
```
#0027ea rgb(0,39,234)
```
#002afe
```
#002afe rgb(0,42,254)
```

Shade Color Variation

#133aff
```
#133aff rgb(19,58,255)
```
#264aff
```
#264aff rgb(38,74,255)
```
#3a5aff
```
#3a5aff rgb(58,90,255)
```
#4d6bff
```
#4d6bff rgb(77,107,255)
```
#617bff
```
#617bff rgb(97,123,255)
```
#758cff
```
#758cff rgb(117,140,255)
```
#889cff
```
#889cff rgb(136,156,255)
```
#9cacff
```
#9cacff rgb(156,172,255)
```
#b0bdff
```
#b0bdff rgb(176,189,255)
```
#c3cdff
```
#c3cdff rgb(195,205,255)
```
#d7ddff
```
#d7ddff rgb(215,221,255)
```
#eaeeff
```
#eaeeff rgb(234,238,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#757889
```
#757889 rgb(117,120,137)
```
#6b7293
```
#6b7293 rgb(107,114,147)
```
#626b9c
```
#626b9c rgb(98,107,156)
```
#5865a6
```
#5865a6 rgb(88,101,166)
```
#4e5eb0
```
#4e5eb0 rgb(78,94,176)
```
#4458ba
```
#4458ba rgb(68,88,186)
```
#3b51c3
```
#3b51c3 rgb(59,81,195)
```
#314bcd
```
#314bcd rgb(49,75,205)
```
#2744d7
```
#2744d7 rgb(39,68,215)
```
#1d3ee1
```
#1d3ee1 rgb(29,62,225)
```
#1437ea
```
#1437ea rgb(20,55,234)
```
#0a31f4
```
#0a31f4 rgb(10,49,244)
```
#002afe
```
#002afe rgb(0,42,254)
```

Tone Color Variation

Below, you can see how #002afe 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

#363636 Achromatopsia 0.005% of the population
#2b345e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0048cb Protanomaly 1% of men, 0.01% of women
#004cbc Deuteranomaly 6% of men, 0.4% of women
#00509f Tritanomaly 0.01% of the population

#002afe hex color

#002afe Color Information

#002afe Color Conversion

Color Schemes with #002afe

Alternatives to #002afe

#002afe Preview

Shades and Tints of #002afe

Tones of #002afe

Color Blindness Simulator