#021af7 hex color

In a RGB color space, hex #021af7 is composed of 0.8% red, 10.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 89.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 234.1 degrees, a saturation of 98.4% and a lightness of 48.8%. #021af7 color hex could be obtained by blending #0434ff with #0000ef. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 10
- B 97
RGB color chart
- C 99
- M 89
- Y 0
- K 3
CMYK color chart

● #021af7 color description : Vivid blue.

The hexadecimal color #021af7 has RGB values of R:2, G:26, B:247 and CMYK values of C:0.99, M:0.89, Y:0, K:0.03. Its decimal value is 137975.

Hex triplet	021af7	`#021af7`
RGB Decimal	2, 26, 247	`rgb(2,26,247)`
RGB Percent	0.8, 10.2, 96.9	`rgb(0.8%,10.2%,96.9%)`
CMYK	99, 89, 0, 3
HSL	234.1°, 98.4, 48.8	`hsl(234.1,98.4%,48.8%)`
HSV (or HSB)	234.1°, 99.2, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.844, 72.165, -102.452
XYZ	17.18, 7.466, 88.526
xyY	0.152, 0.066, 7.466
CIE-LCH	32.844, 125.317, 305.16
CIE-LUV	32.844, -10.144, -127.291
Hunter-Lab	27.323, 64.415, -172.969
Binary	00000010, 00011010, 11110111

#021af7
```
#021af7 rgb(2,26,247)
```
#f7df02
```
#f7df02 rgb(247,223,2)
```

Complementary Color

#0295f7
```
#0295f7 rgb(2,149,247)
```
#021af7
```
#021af7 rgb(2,26,247)
```
#6502f7
```
#6502f7 rgb(101,2,247)
```

Analogous Color

#95f702
```
#95f702 rgb(149,247,2)
```
#021af7
```
#021af7 rgb(2,26,247)
```
#f76502
```
#f76502 rgb(247,101,2)
```

Split Complementary Color

#1af702
```
#1af702 rgb(26,247,2)
```
#021af7
```
#021af7 rgb(2,26,247)
```
#f7021a
```
#f7021a rgb(247,2,26)
```

Triadic Color

#02f7df
```
#02f7df rgb(2,247,223)
```
#021af7
```
#021af7 rgb(2,26,247)
```
#f7021a
```
#f7021a rgb(247,2,26)
```
#f7df02
```
#f7df02 rgb(247,223,2)
```

Tetradic Color

#0112ab
```
#0112ab rgb(1,18,171)
```
#0215c4
```
#0215c4 rgb(2,21,196)
```
#0217de
```
#0217de rgb(2,23,222)
```
#021af7
```
#021af7 rgb(2,26,247)
```
#152cfd
```
#152cfd rgb(21,44,253)
```
#2f43fd
```
#2f43fd rgb(47,67,253)
```
#485afe
```
#485afe rgb(72,90,254)
```

Monochromatic Color

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

#0257f7
```
#0257f7 rgb(2,87,247)
```
#0243f7
```
#0243f7 rgb(2,67,247)
```
#022ef7
```
#022ef7 rgb(2,46,247)
```
#021af7
```
#021af7 rgb(2,26,247)
```
#0206f7
```
#0206f7 rgb(2,6,247)
```
#1302f7
```
#1302f7 rgb(19,2,247)
```
#2702f7
```
#2702f7 rgb(39,2,247)
```

Similar Colors

Text with hexadecimal color #021af7

This text has a font color of #021af7.

<span style="color:#021af7;">Text here</span>

#021af7 background color

This paragraph has a background color of #021af7.

<p style="background-color:#021af7;">Content here</p>

#021af7 border color

This element has a border color of #021af7.

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

CSS codes

.text {color:#021af7;}

.background {background-color:#021af7;}

.border {border:1px solid #021af7;}

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, #00010e is the darkest color, while #f9faff is the lightest one.

#00010e
```
#00010e rgb(0,1,14)
```
#000321
```
#000321 rgb(0,3,33)
```
#000634
```
#000634 rgb(0,6,52)
```
#010848
```
#010848 rgb(1,8,72)
```
#010a5b
```
#010a5b rgb(1,10,91)
```
#010c6f
```
#010c6f rgb(1,12,111)
```
#010e82
```
#010e82 rgb(1,14,130)
```
#011096
```
#011096 rgb(1,16,150)
```
#0112a9
```
#0112a9 rgb(1,18,169)
```
#0214bd
```
#0214bd rgb(2,20,189)
```
#0216d0
```
#0216d0 rgb(2,22,208)
```
#0218e4
```
#0218e4 rgb(2,24,228)
```
#021af7
```
#021af7 rgb(2,26,247)
```

Shade Color Variation

#1027fd
```
#1027fd rgb(16,39,253)
```
#2338fd
```
#2338fd rgb(35,56,253)
```
#364afd
```
#364afd rgb(54,74,253)
```
#4a5cfe
```
#4a5cfe rgb(74,92,254)
```
#5d6dfe
```
#5d6dfe rgb(93,109,254)
```
#717ffe
```
#717ffe rgb(113,127,254)
```
#8490fe
```
#8490fe rgb(132,144,254)
```
#98a2fe
```
#98a2fe rgb(152,162,254)
```
#abb3fe
```
#abb3fe rgb(171,179,254)
```
#bfc5fe
```
#bfc5fe rgb(191,197,254)
```
#d2d6ff
```
#d2d6ff rgb(210,214,255)
```
#e6e8ff
```
#e6e8ff rgb(230,232,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#757684
```
#757684 rgb(117,118,132)
```
#6b6f8e
```
#6b6f8e rgb(107,111,142)
```
#626797
```
#626797 rgb(98,103,151)
```
#585fa1
```
#585fa1 rgb(88,95,161)
```
#4f58aa
```
#4f58aa rgb(79,88,170)
```
#4550b4
```
#4550b4 rgb(69,80,180)
```
#3b48be
```
#3b48be rgb(59,72,190)
```
#3241c7
```
#3241c7 rgb(50,65,199)
```
#2839d1
```
#2839d1 rgb(40,57,209)
```
#1f31da
```
#1f31da rgb(31,49,218)
```
#1529e4
```
#1529e4 rgb(21,41,228)
```
#0c22ed
```
#0c22ed rgb(12,34,237)
```
#021af7
```
#021af7 rgb(2,26,247)
```

Tone Color Variation

Below, you can see how #021af7 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

#2c2c2c Achromatopsia 0.005% of the population
#242855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a2 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#003fc1 Protanomaly 1% of men, 0.01% of women
#0042b3 Deuteranomaly 6% of men, 0.4% of women
#004698 Tritanomaly 0.01% of the population

#021af7 hex color

#021af7 Color Information

#021af7 Color Conversion

Color Schemes with #021af7

Alternatives to #021af7

#021af7 Preview

Shades and Tints of #021af7

Tones of #021af7

Color Blindness Simulator