#002af0 hex color

In a RGB color space, hex #002af0 is composed of 0% red, 16.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 82.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 229.5 degrees, a saturation of 100% and a lightness of 47.1%. #002af0 color hex could be obtained by blending #0054ff with #0000e1. Closest websafe color is: #0033ff.

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

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

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

Hex triplet	002af0	`#002af0`
RGB Decimal	0, 42, 240	`rgb(0,42,240)`
RGB Percent	0, 16.5, 94.1	`rgb(0%,16.5%,94.1%)`
CMYK	100, 83, 0, 6
HSL	229.5°, 100, 47.1	`hsl(229.5,100%,47.1%)`
HSV (or HSB)	229.5°, 100, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.87, 64.265, -96.786
XYZ	16.553, 7.946, 83.095
xyY	0.154, 0.074, 7.946
CIE-LCH	33.87, 116.179, 303.584
CIE-LUV	33.87, -11.392, -124.431
Hunter-Lab	28.188, 55.49, -155.045
Binary	00000000, 00101010, 11110000

#002af0
```
#002af0 rgb(0,42,240)
```
#f0c600
```
#f0c600 rgb(240,198,0)
```

Complementary Color

#00a2f0
```
#00a2f0 rgb(0,162,240)
```
#002af0
```
#002af0 rgb(0,42,240)
```
#4e00f0
```
#4e00f0 rgb(78,0,240)
```

Analogous Color

#a2f000
```
#a2f000 rgb(162,240,0)
```
#002af0
```
#002af0 rgb(0,42,240)
```
#f04e00
```
#f04e00 rgb(240,78,0)
```

Split Complementary Color

#2af000
```
#2af000 rgb(42,240,0)
```
#002af0
```
#002af0 rgb(0,42,240)
```
#f0002a
```
#f0002a rgb(240,0,42)
```

Triadic Color

#00f0c6
```
#00f0c6 rgb(0,240,198)
```
#002af0
```
#002af0 rgb(0,42,240)
```
#f0002a
```
#f0002a rgb(240,0,42)
```
#f0c600
```
#f0c600 rgb(240,198,0)
```

Tetradic Color

#001da4
```
#001da4 rgb(0,29,164)
```
#0021bd
```
#0021bd rgb(0,33,189)
```
#0026d7
```
#0026d7 rgb(0,38,215)
```
#002af0
```
#002af0 rgb(0,42,240)
```
#0b35ff
```
#0b35ff rgb(11,53,255)
```
#244aff
```
#244aff rgb(36,74,255)
```
#3e5fff
```
#3e5fff rgb(62,95,255)
```

Monochromatic Color

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

#0066f0
```
#0066f0 rgb(0,102,240)
```
#0052f0
```
#0052f0 rgb(0,82,240)
```
#003ef0
```
#003ef0 rgb(0,62,240)
```
#002af0
```
#002af0 rgb(0,42,240)
```
#0016f0
```
#0016f0 rgb(0,22,240)
```
#0002f0
```
#0002f0 rgb(0,2,240)
```
#1200f0
```
#1200f0 rgb(18,0,240)
```

Similar Colors

Text with hexadecimal color #002af0

This text has a font color of #002af0.

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

#002af0 background color

This paragraph has a background color of #002af0.

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

#002af0 border color

This element has a border color of #002af0.

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

CSS codes

.text {color:#002af0;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000418
```
#000418 rgb(0,4,24)
```
#00082c
```
#00082c rgb(0,8,44)
```
#000b3f
```
#000b3f rgb(0,11,63)
```
#000f53
```
#000f53 rgb(0,15,83)
```
#001267
```
#001267 rgb(0,18,103)
```
#00157a
```
#00157a rgb(0,21,122)
```
#00198e
```
#00198e rgb(0,25,142)
```
#001ca2
```
#001ca2 rgb(0,28,162)
```
#0020b5
```
#0020b5 rgb(0,32,181)
```
#0023c9
```
#0023c9 rgb(0,35,201)
```
#0027dc
```
#0027dc rgb(0,39,220)
```
#002af0
```
#002af0 rgb(0,42,240)
```

Shade Color Variation

#0530ff
```
#0530ff rgb(5,48,255)
```
#1841ff
```
#1841ff rgb(24,65,255)
```
#2c51ff
```
#2c51ff rgb(44,81,255)
```
#3f61ff
```
#3f61ff rgb(63,97,255)
```
#5371ff
```
#5371ff rgb(83,113,255)
```
#6781ff
```
#6781ff rgb(103,129,255)
```
#7a92ff
```
#7a92ff rgb(122,146,255)
```
#8ea2ff
```
#8ea2ff rgb(142,162,255)
```
#a2b2ff
```
#a2b2ff rgb(162,178,255)
```
#b5c2ff
```
#b5c2ff rgb(181,194,255)
```
#c9d2ff
```
#c9d2ff rgb(201,210,255)
```
#dce2ff
```
#dce2ff rgb(220,226,255)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

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

#6f7281
```
#6f7281 rgb(111,114,129)
```
#666c8a
```
#666c8a rgb(102,108,138)
```
#5c6694
```
#5c6694 rgb(92,102,148)
```
#53609d
```
#53609d rgb(83,96,157)
```
#4a5aa6
```
#4a5aa6 rgb(74,90,166)
```
#4154af
```
#4154af rgb(65,84,175)
```
#374eb9
```
#374eb9 rgb(55,78,185)
```
#2e48c2
```
#2e48c2 rgb(46,72,194)
```
#2542cb
```
#2542cb rgb(37,66,203)
```
#1c3cd4
```
#1c3cd4 rgb(28,60,212)
```
#1236de
```
#1236de rgb(18,54,222)
```
#0930e7
```
#0930e7 rgb(9,48,231)
```
#002af0
```
#002af0 rgb(0,42,240)
```

Tone Color Variation

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

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0046c1 Protanomaly 1% of men, 0.01% of women
#0049b3 Deuteranomaly 6% of men, 0.4% of women
#004d97 Tritanomaly 0.01% of the population

#002af0 hex color

#002af0 Color Information

#002af0 Color Conversion

Color Schemes with #002af0

Alternatives to #002af0

#002af0 Preview

Shades and Tints of #002af0

Tones of #002af0

Color Blindness Simulator