#002afa hex color

In a RGB color space, hex #002afa is composed of 0% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 229.9 degrees, a saturation of 100% and a lightness of 49%. #002afa color hex could be obtained by blending #0054ff with #0000f5. Closest websafe color is: #0033ff.

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

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

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

Hex triplet	002afa	`#002afa`
RGB Decimal	0, 42, 250	`rgb(0,42,250)`
RGB Percent	0, 16.5, 98	`rgb(0%,16.5%,98%)`
CMYK	100, 83, 0, 2
HSL	229.9°, 100, 49	`hsl(229.9,100%,49%)`
HSV (or HSB)	229.9°, 100, 98
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.116, 67.227, -100.352
XYZ	18.08, 8.557, 91.136
xyY	0.154, 0.073, 8.557
CIE-LCH	35.116, 120.789, 303.819
CIE-LUV	35.116, -11.679, -130.064
Hunter-Lab	29.252, 59.137, -164.247
Binary	00000000, 00101010, 11111010

#002afa
```
#002afa rgb(0,42,250)
```
#fad000
```
#fad000 rgb(250,208,0)
```

Complementary Color

#00a7fa
```
#00a7fa rgb(0,167,250)
```
#002afa
```
#002afa rgb(0,42,250)
```
#5300fa
```
#5300fa rgb(83,0,250)
```

Analogous Color

#a7fa00
```
#a7fa00 rgb(167,250,0)
```
#002afa
```
#002afa rgb(0,42,250)
```
#fa5300
```
#fa5300 rgb(250,83,0)
```

Split Complementary Color

#2afa00
```
#2afa00 rgb(42,250,0)
```
#002afa
```
#002afa rgb(0,42,250)
```
#fa002a
```
#fa002a rgb(250,0,42)
```

Triadic Color

#00fad0
```
#00fad0 rgb(0,250,208)
```
#002afa
```
#002afa rgb(0,42,250)
```
#fa002a
```
#fa002a rgb(250,0,42)
```
#fad000
```
#fad000 rgb(250,208,0)
```

Tetradic Color

#001dae
```
#001dae rgb(0,29,174)
```
#0021c7
```
#0021c7 rgb(0,33,199)
```
#0026e1
```
#0026e1 rgb(0,38,225)
```
#002afa
```
#002afa rgb(0,42,250)
```
#153cff
```
#153cff rgb(21,60,255)
```
#2e51ff
```
#2e51ff rgb(46,81,255)
```
#4866ff
```
#4866ff rgb(72,102,255)
```

Monochromatic Color

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

#0069fa
```
#0069fa rgb(0,105,250)
```
#0054fa
```
#0054fa rgb(0,84,250)
```
#003ffa
```
#003ffa rgb(0,63,250)
```
#002afa
```
#002afa rgb(0,42,250)
```
#0015fa
```
#0015fa rgb(0,21,250)
```
#0000fa
```
#0000fa rgb(0,0,250)
```
#1500fa
```
#1500fa rgb(21,0,250)
```

Similar Colors

Text with hexadecimal color #002afa

This text has a font color of #002afa.

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

#002afa background color

This paragraph has a background color of #002afa.

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

#002afa border color

This element has a border color of #002afa.

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

CSS codes

.text {color:#002afa;}

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

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

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, #00020f is the darkest color, while #fafbff is the lightest one.

#00020f
```
#00020f rgb(0,2,15)
```
#000622
```
#000622 rgb(0,6,34)
```
#000936
```
#000936 rgb(0,9,54)
```
#000c49
```
#000c49 rgb(0,12,73)
```
#00105d
```
#00105d rgb(0,16,93)
```
#001371
```
#001371 rgb(0,19,113)
```
#001684
```
#001684 rgb(0,22,132)
```
#001a98
```
#001a98 rgb(0,26,152)
```
#001dac
```
#001dac rgb(0,29,172)
```
#0020bf
```
#0020bf rgb(0,32,191)
```
#0023d3
```
#0023d3 rgb(0,35,211)
```
#0027e6
```
#0027e6 rgb(0,39,230)
```
#002afa
```
#002afa rgb(0,42,250)
```

Shade Color Variation

#0f37ff
```
#0f37ff rgb(15,55,255)
```
#2247ff
```
#2247ff rgb(34,71,255)
```
#3658ff
```
#3658ff rgb(54,88,255)
```
#4968ff
```
#4968ff rgb(73,104,255)
```
#5d78ff
```
#5d78ff rgb(93,120,255)
```
#7189ff
```
#7189ff rgb(113,137,255)
```
#8499ff
```
#8499ff rgb(132,153,255)
```
#98a9ff
```
#98a9ff rgb(152,169,255)
```
#acbaff
```
#acbaff rgb(172,186,255)
```
#bfcaff
```
#bfcaff rgb(191,202,255)
```
#d3daff
```
#d3daff rgb(211,218,255)
```
#e6ebff
```
#e6ebff rgb(230,235,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#737787
```
#737787 rgb(115,119,135)
```
#6a7090
```
#6a7090 rgb(106,112,144)
```
#606a9a
```
#606a9a rgb(96,106,154)
```
#5763a3
```
#5763a3 rgb(87,99,163)
```
#4d5dad
```
#4d5dad rgb(77,93,173)
```
#4357b7
```
#4357b7 rgb(67,87,183)
```
#3a50c0
```
#3a50c0 rgb(58,80,192)
```
#304aca
```
#304aca rgb(48,74,202)
```
#2644d4
```
#2644d4 rgb(38,68,212)
```
#1d3ddd
```
#1d3ddd rgb(29,61,221)
```
#1337e7
```
#1337e7 rgb(19,55,231)
```
#0a30f0
```
#0a30f0 rgb(10,48,240)
```
#002afa
```
#002afa rgb(0,42,250)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2a335c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ac Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#0047c8 Protanomaly 1% of men, 0.01% of women
#004bb9 Deuteranomaly 6% of men, 0.4% of women
#004f9d Tritanomaly 0.01% of the population

#002afa hex color

#002afa Color Information

#002afa Color Conversion

Color Schemes with #002afa

Alternatives to #002afa

#002afa Preview

Shades and Tints of #002afa

Tones of #002afa

Color Blindness Simulator