#021ae1 hex color

In a RGB color space, hex #021ae1 is composed of 0.8% red, 10.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 88.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 233.5 degrees, a saturation of 98.2% and a lightness of 44.5%. #021ae1 color hex could be obtained by blending #0434ff with #0000c3. Closest websafe color is: #0033cc.

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

● #021ae1 color description : Vivid blue.

The hexadecimal color #021ae1 has RGB values of R:2, G:26, B:225 and CMYK values of C:0.99, M:0.88, Y:0, K:0.12. Its decimal value is 137953.

Hex triplet	021ae1	`#021ae1`
RGB Decimal	2, 26, 225	`rgb(2,26,225)`
RGB Percent	0.8, 10.2, 88.2	`rgb(0.8%,10.2%,88.2%)`
CMYK	99, 88, 0, 12
HSL	233.5°, 98.2, 44.5	`hsl(233.5,98.2%,44.5%)`
HSV (or HSB)	233.5°, 99.1, 88.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.879, 66.193, -94.888
XYZ	13.982, 6.187, 71.687
xyY	0.152, 0.067, 6.187
CIE-LCH	29.879, 115.695, 304.899
CIE-LUV	29.879, -9.347, -114.714
Hunter-Lab	24.873, 56.814, -153.468
Binary	00000010, 00011010, 11100001

#021ae1
```
#021ae1 rgb(2,26,225)
```
#e1c902
```
#e1c902 rgb(225,201,2)
```

Complementary Color

#028ae1
```
#028ae1 rgb(2,138,225)
```
#021ae1
```
#021ae1 rgb(2,26,225)
```
#5902e1
```
#5902e1 rgb(89,2,225)
```

Analogous Color

#8ae102
```
#8ae102 rgb(138,225,2)
```
#021ae1
```
#021ae1 rgb(2,26,225)
```
#e15902
```
#e15902 rgb(225,89,2)
```

Split Complementary Color

#1ae102
```
#1ae102 rgb(26,225,2)
```
#021ae1
```
#021ae1 rgb(2,26,225)
```
#e1021a
```
#e1021a rgb(225,2,26)
```

Triadic Color

#02e1c9
```
#02e1c9 rgb(2,225,201)
```
#021ae1
```
#021ae1 rgb(2,26,225)
```
#e1021a
```
#e1021a rgb(225,2,26)
```
#e1c902
```
#e1c902 rgb(225,201,2)
```

Tetradic Color

#011195
```
#011195 rgb(1,17,149)
```
#0214ae
```
#0214ae rgb(2,20,174)
```
#0217c8
```
#0217c8 rgb(2,23,200)
```
#021ae1
```
#021ae1 rgb(2,26,225)
```
#021dfa
```
#021dfa rgb(2,29,250)
```
#1932fd
```
#1932fd rgb(25,50,253)
```
#3248fd
```
#3248fd rgb(50,72,253)
```

Monochromatic Color

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

#0252e1
```
#0252e1 rgb(2,82,225)
```
#023fe1
```
#023fe1 rgb(2,63,225)
```
#022de1
```
#022de1 rgb(2,45,225)
```
#021ae1
```
#021ae1 rgb(2,26,225)
```
#0207e1
```
#0207e1 rgb(2,7,225)
```
#0f02e1
```
#0f02e1 rgb(15,2,225)
```
#2202e1
```
#2202e1 rgb(34,2,225)
```

Similar Colors

Text with hexadecimal color #021ae1

This text has a font color of #021ae1.

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

#021ae1 background color

This paragraph has a background color of #021ae1.

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

#021ae1 border color

This element has a border color of #021ae1.

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

CSS codes

.text {color:#021ae1;}

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

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

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

#00010b
```
#00010b rgb(0,1,11)
```
#00041f
```
#00041f rgb(0,4,31)
```
#000632
```
#000632 rgb(0,6,50)
```
#010845
```
#010845 rgb(1,8,69)
```
#010a59
```
#010a59 rgb(1,10,89)
```
#010d6c
```
#010d6c rgb(1,13,108)
```
#010f80
```
#010f80 rgb(1,15,128)
```
#011193
```
#011193 rgb(1,17,147)
```
#0113a7
```
#0113a7 rgb(1,19,167)
```
#0216ba
```
#0216ba rgb(2,22,186)
```
#0218ce
```
#0218ce rgb(2,24,206)
```
#021ae1
```
#021ae1 rgb(2,26,225)
```
#021cf4
```
#021cf4 rgb(2,28,244)
```

Shade Color Variation

#0d27fd
```
#0d27fd rgb(13,39,253)
```
#2139fd
```
#2139fd rgb(33,57,253)
```
#344afd
```
#344afd rgb(52,74,253)
```
#485bfd
```
#485bfd rgb(72,91,253)
```
#5b6dfe
```
#5b6dfe rgb(91,109,254)
```
#6f7efe
```
#6f7efe rgb(111,126,254)
```
#828ffe
```
#828ffe rgb(130,143,254)
```
#95a1fe
```
#95a1fe rgb(149,161,254)
```
#a9b2fe
```
#a9b2fe rgb(169,178,254)
```
#bcc3fe
```
#bcc3fe rgb(188,195,254)
```
#d0d5ff
```
#d0d5ff rgb(208,213,255)
```
#e3e6ff
```
#e3e6ff rgb(227,230,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#6b6c78
```
#6b6c78 rgb(107,108,120)
```
#626581
```
#626581 rgb(98,101,129)
```
#595f8a
```
#595f8a rgb(89,95,138)
```
#515892
```
#515892 rgb(81,88,146)
```
#48519b
```
#48519b rgb(72,81,155)
```
#3f4aa4
```
#3f4aa4 rgb(63,74,164)
```
#3643ad
```
#3643ad rgb(54,67,173)
```
#2e3cb5
```
#2e3cb5 rgb(46,60,181)
```
#2535be
```
#2535be rgb(37,53,190)
```
#1c2fc7
```
#1c2fc7 rgb(28,47,199)
```
#1328d0
```
#1328d0 rgb(19,40,208)
```
#0b21d8
```
#0b21d8 rgb(11,33,216)
```
#021ae1
```
#021ae1 rgb(2,26,225)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#22274f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005281 Deuteranopia 1% of men
#00585b Tritanopia 0.001% of the population

Trichromacy

#003ab1 Protanomaly 1% of men, 0.01% of women
#003da4 Deuteranomaly 6% of men, 0.4% of women
#00418b Tritanomaly 0.01% of the population

#021ae1 hex color

#021ae1 Color Information

#021ae1 Color Conversion

Color Schemes with #021ae1

Alternatives to #021ae1

#021ae1 Preview

Shades and Tints of #021ae1

Tones of #021ae1

Color Blindness Simulator