#021ea4 hex color

In a RGB color space, hex #021ea4 is composed of 0.8% red, 11.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 81.7% magenta, 0% yellow and 35.7% black. It has a hue angle of 229.6 degrees, a saturation of 97.6% and a lightness of 32.5%. #021ea4 color hex could be obtained by blending #043cff with #000049. Closest websafe color is: #003399.

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

● #021ea4 color description : Dark blue.

The hexadecimal color #021ea4 has RGB values of R:2, G:30, B:164 and CMYK values of C:0.99, M:0.82, Y:0, K:0.36. Its decimal value is 138916.

Hex triplet	021ea4	`#021ea4`
RGB Decimal	2, 30, 164	`rgb(2,30,164)`
RGB Percent	0.8, 11.8, 64.3	`rgb(0.8%,11.8%,64.3%)`
CMYK	99, 82, 0, 36
HSL	229.6°, 97.6, 32.5	`hsl(229.6,97.6%,32.5%)`
HSV (or HSB)	229.6°, 98.8, 64.3
Web Safe	003399	`#003399`

CIE-LAB	22.377, 46.031, -71.408
XYZ	7.189, 3.621, 35.44
xyY	0.155, 0.078, 3.621
CIE-LCH	22.377, 84.958, 302.807
CIE-LUV	22.377, -7.709, -79.75
Hunter-Lab	19.029, 34.131, -97.1
Binary	00000010, 00011110, 10100100

#021ea4
```
#021ea4 rgb(2,30,164)
```
#a48802
```
#a48802 rgb(164,136,2)
```

Complementary Color

#026fa4
```
#026fa4 rgb(2,111,164)
```
#021ea4
```
#021ea4 rgb(2,30,164)
```
#3702a4
```
#3702a4 rgb(55,2,164)
```

Analogous Color

#6fa402
```
#6fa402 rgb(111,164,2)
```
#021ea4
```
#021ea4 rgb(2,30,164)
```
#a43702
```
#a43702 rgb(164,55,2)
```

Split Complementary Color

#1ea402
```
#1ea402 rgb(30,164,2)
```
#021ea4
```
#021ea4 rgb(2,30,164)
```
#a4021e
```
#a4021e rgb(164,2,30)
```

Triadic Color

#02a488
```
#02a488 rgb(2,164,136)
```
#021ea4
```
#021ea4 rgb(2,30,164)
```
#a4021e
```
#a4021e rgb(164,2,30)
```
#a48802
```
#a48802 rgb(164,136,2)
```

Tetradic Color

#011058
```
#011058 rgb(1,16,88)
```
#011572
```
#011572 rgb(1,21,114)
```
#02198b
```
#02198b rgb(2,25,139)
```
#021ea4
```
#021ea4 rgb(2,30,164)
```
#0223bd
```
#0223bd rgb(2,35,189)
```
#0327d6
```
#0327d6 rgb(3,39,214)
```
#032cf0
```
#032cf0 rgb(3,44,240)
```

Monochromatic Color

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

#0247a4
```
#0247a4 rgb(2,71,164)
```
#0239a4
```
#0239a4 rgb(2,57,164)
```
#022ca4
```
#022ca4 rgb(2,44,164)
```
#021ea4
```
#021ea4 rgb(2,30,164)
```
#0211a4
```
#0211a4 rgb(2,17,164)
```
#0203a4
```
#0203a4 rgb(2,3,164)
```
#0e02a4
```
#0e02a4 rgb(14,2,164)
```

Similar Colors

Text with hexadecimal color #021ea4

This text has a font color of #021ea4.

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

#021ea4 background color

This paragraph has a background color of #021ea4.

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

#021ea4 border color

This element has a border color of #021ea4.

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

CSS codes

.text {color:#021ea4;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#00051c
```
#00051c rgb(0,5,28)
```
#010930
```
#010930 rgb(1,9,48)
```
#010c43
```
#010c43 rgb(1,12,67)
```
#011056
```
#011056 rgb(1,16,86)
```
#01136a
```
#01136a rgb(1,19,106)
```
#02177d
```
#02177d rgb(2,23,125)
```
#021a91
```
#021a91 rgb(2,26,145)
```
#021ea4
```
#021ea4 rgb(2,30,164)
```
#0222b7
```
#0222b7 rgb(2,34,183)
```
#0225cb
```
#0225cb rgb(2,37,203)
```
#0329de
```
#0329de rgb(3,41,222)
```
#032cf2
```
#032cf2 rgb(3,44,242)
```

Shade Color Variation

#0c36fc
```
#0c36fc rgb(12,54,252)
```
#1f46fc
```
#1f46fc rgb(31,70,252)
```
#3356fd
```
#3356fd rgb(51,86,253)
```
#4666fd
```
#4666fd rgb(70,102,253)
```
#5a76fd
```
#5a76fd rgb(90,118,253)
```
#6d86fd
```
#6d86fd rgb(109,134,253)
```
#8096fd
```
#8096fd rgb(128,150,253)
```
#94a6fe
```
#94a6fe rgb(148,166,254)
```
#a7b6fe
```
#a7b6fe rgb(167,182,254)
```
#bac6fe
```
#bac6fe rgb(186,198,254)
```
#ced6fe
```
#ced6fe rgb(206,214,254)
```
#e1e6ff
```
#e1e6ff rgb(225,230,255)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#4f5057
```
#4f5057 rgb(79,80,87)
```
#484c5e
```
#484c5e rgb(72,76,94)
```
#424864
```
#424864 rgb(66,72,100)
```
#3b446b
```
#3b446b rgb(59,68,107)
```
#353f71
```
#353f71 rgb(53,63,113)
```
#2f3b77
```
#2f3b77 rgb(47,59,119)
```
#28377e
```
#28377e rgb(40,55,126)
```
#223384
```
#223384 rgb(34,51,132)
```
#1c2f8a
```
#1c2f8a rgb(28,47,138)
```
#152b91
```
#152b91 rgb(21,43,145)
```
#0f2697
```
#0f2697 rgb(15,38,151)
```
#08229e
```
#08229e rgb(8,34,158)
```
#021ea4
```
#021ea4 rgb(2,30,164)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#1e243e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004168 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#003288 Protanomaly 1% of men, 0.01% of women
#00347d Deuteranomaly 6% of men, 0.4% of women
#00376a Tritanomaly 0.01% of the population

#021ea4 hex color

#021ea4 Color Information

#021ea4 Color Conversion

Color Schemes with #021ea4

Alternatives to #021ea4

#021ea4 Preview

Shades and Tints of #021ea4

Tones of #021ea4

Color Blindness Simulator