#002af8 hex color

In a RGB color space, hex #002af8 is composed of 0% red, 16.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 83.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 229.8 degrees, a saturation of 100% and a lightness of 48.6%. #002af8 color hex could be obtained by blending #0054ff with #0000f1. Closest websafe color is: #0033ff.

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

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

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

Hex triplet	002af8	`#002af8`
RGB Decimal	0, 42, 248	`rgb(0,42,248)`
RGB Percent	0, 16.5, 97.3	`rgb(0%,16.5%,97.3%)`
CMYK	100, 83, 0, 3
HSL	229.8°, 100, 48.6	`hsl(229.8,100%,48.6%)`
HSV (or HSB)	229.8°, 100, 97.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.866, 66.64, -99.643
XYZ	17.768, 8.432, 89.493
xyY	0.154, 0.073, 8.432
CIE-LCH	34.866, 119.873, 303.774
CIE-LUV	34.866, -11.621, -128.94
Hunter-Lab	29.038, 58.407, -162.404
Binary	00000000, 00101010, 11111000

#002af8
```
#002af8 rgb(0,42,248)
```
#f8ce00
```
#f8ce00 rgb(248,206,0)
```

Complementary Color

#00a6f8
```
#00a6f8 rgb(0,166,248)
```
#002af8
```
#002af8 rgb(0,42,248)
```
#5200f8
```
#5200f8 rgb(82,0,248)
```

Analogous Color

#a6f800
```
#a6f800 rgb(166,248,0)
```
#002af8
```
#002af8 rgb(0,42,248)
```
#f85200
```
#f85200 rgb(248,82,0)
```

Split Complementary Color

#2af800
```
#2af800 rgb(42,248,0)
```
#002af8
```
#002af8 rgb(0,42,248)
```
#f8002a
```
#f8002a rgb(248,0,42)
```

Triadic Color

#00f8ce
```
#00f8ce rgb(0,248,206)
```
#002af8
```
#002af8 rgb(0,42,248)
```
#f8002a
```
#f8002a rgb(248,0,42)
```
#f8ce00
```
#f8ce00 rgb(248,206,0)
```

Tetradic Color

#001dac
```
#001dac rgb(0,29,172)
```
#0021c5
```
#0021c5 rgb(0,33,197)
```
#0026df
```
#0026df rgb(0,38,223)
```
#002af8
```
#002af8 rgb(0,42,248)
```
#133bff
```
#133bff rgb(19,59,255)
```
#2c50ff
```
#2c50ff rgb(44,80,255)
```
#4665ff
```
#4665ff rgb(70,101,255)
```

Monochromatic Color

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

#0068f8
```
#0068f8 rgb(0,104,248)
```
#0053f8
```
#0053f8 rgb(0,83,248)
```
#003ff8
```
#003ff8 rgb(0,63,248)
```
#002af8
```
#002af8 rgb(0,42,248)
```
#0015f8
```
#0015f8 rgb(0,21,248)
```
#0001f8
```
#0001f8 rgb(0,1,248)
```
#1400f8
```
#1400f8 rgb(20,0,248)
```

Similar Colors

Text with hexadecimal color #002af8

This text has a font color of #002af8.

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

#002af8 background color

This paragraph has a background color of #002af8.

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

#002af8 border color

This element has a border color of #002af8.

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

CSS codes

.text {color:#002af8;}

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

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

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

#00020d
```
#00020d rgb(0,2,13)
```
#000520
```
#000520 rgb(0,5,32)
```
#000934
```
#000934 rgb(0,9,52)
```
#000c47
```
#000c47 rgb(0,12,71)
```
#000f5b
```
#000f5b rgb(0,15,91)
```
#00136f
```
#00136f rgb(0,19,111)
```
#001682
```
#001682 rgb(0,22,130)
```
#001996
```
#001996 rgb(0,25,150)
```
#001daa
```
#001daa rgb(0,29,170)
```
#0020bd
```
#0020bd rgb(0,32,189)
```
#0023d1
```
#0023d1 rgb(0,35,209)
```
#0027e4
```
#0027e4 rgb(0,39,228)
```
#002af8
```
#002af8 rgb(0,42,248)
```

Shade Color Variation

#0d36ff
```
#0d36ff rgb(13,54,255)
```
#2046ff
```
#2046ff rgb(32,70,255)
```
#3456ff
```
#3456ff rgb(52,86,255)
```
#4767ff
```
#4767ff rgb(71,103,255)
```
#5b77ff
```
#5b77ff rgb(91,119,255)
```
#6f87ff
```
#6f87ff rgb(111,135,255)
```
#8297ff
```
#8297ff rgb(130,151,255)
```
#96a8ff
```
#96a8ff rgb(150,168,255)
```
#aab8ff
```
#aab8ff rgb(170,184,255)
```
#bdc8ff
```
#bdc8ff rgb(189,200,255)
```
#d1d9ff
```
#d1d9ff rgb(209,217,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#727686
```
#727686 rgb(114,118,134)
```
#696f8f
```
#696f8f rgb(105,111,143)
```
#5f6999
```
#5f6999 rgb(95,105,153)
```
#5663a2
```
#5663a2 rgb(86,99,162)
```
#4c5cac
```
#4c5cac rgb(76,92,172)
```
#4356b5
```
#4356b5 rgb(67,86,181)
```
#3950bf
```
#3950bf rgb(57,80,191)
```
#304ac8
```
#304ac8 rgb(48,74,200)
```
#2643d2
```
#2643d2 rgb(38,67,210)
```
#1d3ddb
```
#1d3ddb rgb(29,61,219)
```
#1337e5
```
#1337e5 rgb(19,55,229)
```
#0a30ee
```
#0a30ee rgb(10,48,238)
```
#002af8
```
#002af8 rgb(0,42,248)
```

Tone Color Variation

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

#0058ab Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#0047c7 Protanomaly 1% of men, 0.01% of women
#004ab8 Deuteranomaly 6% of men, 0.4% of women
#004f9c Tritanomaly 0.01% of the population

#002af8 hex color

#002af8 Color Information

#002af8 Color Conversion

Color Schemes with #002af8

Alternatives to #002af8

#002af8 Preview

Shades and Tints of #002af8

Tones of #002af8

Color Blindness Simulator