#002af2 hex color

In a RGB color space, hex #002af2 is composed of 0% red, 16.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 82.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 229.6 degrees, a saturation of 100% and a lightness of 47.5%. #002af2 color hex could be obtained by blending #0054ff with #0000e5. Closest websafe color is: #0033ff.

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

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

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

Hex triplet	002af2	`#002af2`
RGB Decimal	0, 42, 242	`rgb(0,42,242)`
RGB Percent	0, 16.5, 94.9	`rgb(0%,16.5%,94.9%)`
CMYK	100, 83, 0, 5
HSL	229.6°, 100, 47.5	`hsl(229.6,100%,47.5%)`
HSV (or HSB)	229.6°, 100, 94.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.119, 64.863, -97.503
XYZ	16.852, 8.065, 84.668
xyY	0.154, 0.074, 8.065
CIE-LCH	34.119, 117.107, 303.633
CIE-LUV	34.119, -11.449, -125.56
Hunter-Lab	28.4, 56.219, -156.883
Binary	00000000, 00101010, 11110010

#002af2
```
#002af2 rgb(0,42,242)
```
#f2c800
```
#f2c800 rgb(242,200,0)
```

Complementary Color

#00a3f2
```
#00a3f2 rgb(0,163,242)
```
#002af2
```
#002af2 rgb(0,42,242)
```
#4f00f2
```
#4f00f2 rgb(79,0,242)
```

Analogous Color

#a3f200
```
#a3f200 rgb(163,242,0)
```
#002af2
```
#002af2 rgb(0,42,242)
```
#f24f00
```
#f24f00 rgb(242,79,0)
```

Split Complementary Color

#2af200
```
#2af200 rgb(42,242,0)
```
#002af2
```
#002af2 rgb(0,42,242)
```
#f2002a
```
#f2002a rgb(242,0,42)
```

Triadic Color

#00f2c8
```
#00f2c8 rgb(0,242,200)
```
#002af2
```
#002af2 rgb(0,42,242)
```
#f2002a
```
#f2002a rgb(242,0,42)
```
#f2c800
```
#f2c800 rgb(242,200,0)
```

Tetradic Color

#001da6
```
#001da6 rgb(0,29,166)
```
#0021bf
```
#0021bf rgb(0,33,191)
```
#0026d9
```
#0026d9 rgb(0,38,217)
```
#002af2
```
#002af2 rgb(0,42,242)
```
#0d37ff
```
#0d37ff rgb(13,55,255)
```
#264cff
```
#264cff rgb(38,76,255)
```
#4061ff
```
#4061ff rgb(64,97,255)
```

Monochromatic Color

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

#0067f2
```
#0067f2 rgb(0,103,242)
```
#0052f2
```
#0052f2 rgb(0,82,242)
```
#003ef2
```
#003ef2 rgb(0,62,242)
```
#002af2
```
#002af2 rgb(0,42,242)
```
#0016f2
```
#0016f2 rgb(0,22,242)
```
#0002f2
```
#0002f2 rgb(0,2,242)
```
#1300f2
```
#1300f2 rgb(19,0,242)
```

Similar Colors

Text with hexadecimal color #002af2

This text has a font color of #002af2.

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

#002af2 background color

This paragraph has a background color of #002af2.

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

#002af2 border color

This element has a border color of #002af2.

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

CSS codes

.text {color:#002af2;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00051a
```
#00051a rgb(0,5,26)
```
#00082e
```
#00082e rgb(0,8,46)
```
#000b41
```
#000b41 rgb(0,11,65)
```
#000f55
```
#000f55 rgb(0,15,85)
```
#001269
```
#001269 rgb(0,18,105)
```
#00167c
```
#00167c rgb(0,22,124)
```
#001990
```
#001990 rgb(0,25,144)
```
#001ca4
```
#001ca4 rgb(0,28,164)
```
#0020b7
```
#0020b7 rgb(0,32,183)
```
#0023cb
```
#0023cb rgb(0,35,203)
```
#0027de
```
#0027de rgb(0,39,222)
```
#002af2
```
#002af2 rgb(0,42,242)
```

Shade Color Variation

#0732ff
```
#0732ff rgb(7,50,255)
```
#1a42ff
```
#1a42ff rgb(26,66,255)
```
#2e52ff
```
#2e52ff rgb(46,82,255)
```
#4162ff
```
#4162ff rgb(65,98,255)
```
#5573ff
```
#5573ff rgb(85,115,255)
```
#6983ff
```
#6983ff rgb(105,131,255)
```
#7c93ff
```
#7c93ff rgb(124,147,255)
```
#90a3ff
```
#90a3ff rgb(144,163,255)
```
#a4b3ff
```
#a4b3ff rgb(164,179,255)
```
#b7c4ff
```
#b7c4ff rgb(183,196,255)
```
#cbd4ff
```
#cbd4ff rgb(203,212,255)
```
#dee4ff
```
#dee4ff rgb(222,228,255)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#707382
```
#707382 rgb(112,115,130)
```
#666d8c
```
#666d8c rgb(102,109,140)
```
#5d6795
```
#5d6795 rgb(93,103,149)
```
#54619e
```
#54619e rgb(84,97,158)
```
#4a5ba8
```
#4a5ba8 rgb(74,91,168)
```
#4155b1
```
#4155b1 rgb(65,85,177)
```
#384eba
```
#384eba rgb(56,78,186)
```
#2f48c3
```
#2f48c3 rgb(47,72,195)
```
#2542cd
```
#2542cd rgb(37,66,205)
```
#1c3cd6
```
#1c3cd6 rgb(28,60,214)
```
#1336df
```
#1336df rgb(19,54,223)
```
#0930e9
```
#0930e9 rgb(9,48,233)
```
#002af2
```
#002af2 rgb(0,42,242)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2a325a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0046c3 Protanomaly 1% of men, 0.01% of women
#0049b4 Deuteranomaly 6% of men, 0.4% of women
#004d99 Tritanomaly 0.01% of the population

#002af2 hex color

#002af2 Color Information

#002af2 Color Conversion

Color Schemes with #002af2

Alternatives to #002af2

#002af2 Preview

Shades and Tints of #002af2

Tones of #002af2

Color Blindness Simulator