#022afd hex color

In a RGB color space, hex #022afd is composed of 0.8% red, 16.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 83.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 230.4 degrees, a saturation of 98.4% and a lightness of 50%. #022afd color hex could be obtained by blending #0454ff with #0000fb. Closest websafe color is: #0033ff.

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

● #022afd color description : Vivid blue.

The hexadecimal color #022afd has RGB values of R:2, G:42, B:253 and CMYK values of C:0.99, M:0.83, Y:0, K:0.01. Its decimal value is 142077.

Hex triplet	022afd	`#022afd`
RGB Decimal	2, 42, 253	`rgb(2,42,253)`
RGB Percent	0.8, 16.5, 99.2	`rgb(0.8%,16.5%,99.2%)`
CMYK	99, 83, 0, 1
HSL	230.4°, 98.4, 50	`hsl(230.4,98.4%,50%)`
HSV (or HSB)	230.4°, 99.2, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.516, 68.125, -101.369
XYZ	18.579, 8.759, 93.635
xyY	0.154, 0.072, 8.759
CIE-LCH	35.516, 122.134, 303.903
CIE-LUV	35.516, -11.709, -131.762
Hunter-Lab	29.596, 60.262, -166.863
Binary	00000010, 00101010, 11111101

#022afd
```
#022afd rgb(2,42,253)
```
#fdd502
```
#fdd502 rgb(253,213,2)
```

Complementary Color

#02a8fd
```
#02a8fd rgb(2,168,253)
```
#022afd
```
#022afd rgb(2,42,253)
```
#5702fd
```
#5702fd rgb(87,2,253)
```

Analogous Color

#a8fd02
```
#a8fd02 rgb(168,253,2)
```
#022afd
```
#022afd rgb(2,42,253)
```
#fd5802
```
#fd5802 rgb(253,88,2)
```

Split Complementary Color

#2afd02
```
#2afd02 rgb(42,253,2)
```
#022afd
```
#022afd rgb(2,42,253)
```
#fd022a
```
#fd022a rgb(253,2,42)
```

Triadic Color

#02fdd5
```
#02fdd5 rgb(2,253,213)
```
#022afd
```
#022afd rgb(2,42,253)
```
#fd022a
```
#fd022a rgb(253,2,42)
```
#fdd502
```
#fdd502 rgb(253,213,2)
```

Tetradic Color

#011db1
```
#011db1 rgb(1,29,177)
```
#0222ca
```
#0222ca rgb(2,34,202)
```
#0226e4
```
#0226e4 rgb(2,38,228)
```
#022afd
```
#022afd rgb(2,42,253)
```
#1b3ffd
```
#1b3ffd rgb(27,63,253)
```
#3555fd
```
#3555fd rgb(53,85,253)
```
#4e6afe
```
#4e6afe rgb(78,106,254)
```

Monochromatic Color

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

#0269fd
```
#0269fd rgb(2,105,253)
```
#0254fd
```
#0254fd rgb(2,84,253)
```
#023ffd
```
#023ffd rgb(2,63,253)
```
#022afd
```
#022afd rgb(2,42,253)
```
#0215fd
```
#0215fd rgb(2,21,253)
```
#0402fd
```
#0402fd rgb(4,2,253)
```
#1902fd
```
#1902fd rgb(25,2,253)
```

Similar Colors

Text with hexadecimal color #022afd

This text has a font color of #022afd.

<span style="color:#022afd;">Text here</span>

#022afd background color

This paragraph has a background color of #022afd.

<p style="background-color:#022afd;">Content here</p>

#022afd border color

This element has a border color of #022afd.

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

CSS codes

.text {color:#022afd;}

.background {background-color:#022afd;}

.border {border:1px solid #022afd;}

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 #ffffff is the lightest one.

#000313
```
#000313 rgb(0,3,19)
```
#000627
```
#000627 rgb(0,6,39)
```
#000a3a
```
#000a3a rgb(0,10,58)
```
#010d4e
```
#010d4e rgb(1,13,78)
```
#011061
```
#011061 rgb(1,16,97)
```
#011375
```
#011375 rgb(1,19,117)
```
#011788
```
#011788 rgb(1,23,136)
```
#011a9c
```
#011a9c rgb(1,26,156)
```
#011daf
```
#011daf rgb(1,29,175)
```
#0220c3
```
#0220c3 rgb(2,32,195)
```
#0224d6
```
#0224d6 rgb(2,36,214)
```
#0227ea
```
#0227ea rgb(2,39,234)
```
#022afd
```
#022afd rgb(2,42,253)
```

Shade Color Variation

#153afd
```
#153afd rgb(21,58,253)
```
#294bfd
```
#294bfd rgb(41,75,253)
```
#3c5bfd
```
#3c5bfd rgb(60,91,253)
```
#506cfe
```
#506cfe rgb(80,108,254)
```
#637cfe
```
#637cfe rgb(99,124,254)
```
#778cfe
```
#778cfe rgb(119,140,254)
```
#8a9dfe
```
#8a9dfe rgb(138,157,254)
```
#9eadfe
```
#9eadfe rgb(158,173,254)
```
#b1bdfe
```
#b1bdfe rgb(177,189,254)
```
#c5ceff
```
#c5ceff rgb(197,206,255)
```
#d8deff
```
#d8deff rgb(216,222,255)
```
#ecefff
```
#ecefff rgb(236,239,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787a87 is the less saturated color, while #022afd is the most saturated one.

#787a87
```
#787a87 rgb(120,122,135)
```
#6e7391
```
#6e7391 rgb(110,115,145)
```
#646d9b
```
#646d9b rgb(100,109,155)
```
#5a66a5
```
#5a66a5 rgb(90,102,165)
```
#505faf
```
#505faf rgb(80,95,175)
```
#4759b8
```
#4759b8 rgb(71,89,184)
```
#3d52c2
```
#3d52c2 rgb(61,82,194)
```
#334bcc
```
#334bcc rgb(51,75,204)
```
#2945d6
```
#2945d6 rgb(41,69,214)
```
#1f3ee0
```
#1f3ee0 rgb(31,62,224)
```
#1637e9
```
#1637e9 rgb(22,55,233)
```
#0c31f3
```
#0c31f3 rgb(12,49,243)
```
#022afd
```
#022afd rgb(2,42,253)
```

Tone Color Variation

Below, you can see how #022afd 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
#2c345e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

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

#022afd hex color

#022afd Color Information

#022afd Color Conversion

Color Schemes with #022afd

Alternatives to #022afd

#022afd Preview

Shades and Tints of #022afd

Tones of #022afd

Color Blindness Simulator