#020ea4 hex color

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

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

● #020ea4 color description : Dark blue.

The hexadecimal color #020ea4 has RGB values of R:2, G:14, B:164 and CMYK values of C:0.99, M:0.91, Y:0, K:0.36. Its decimal value is 134820.

Hex triplet	020ea4	`#020ea4`
RGB Decimal	2, 14, 164	`rgb(2,14,164)`
RGB Percent	0.8, 5.5, 64.3	`rgb(0.8%,5.5%,64.3%)`
CMYK	99, 91, 0, 36
HSL	235.6°, 97.6, 32.5	`hsl(235.6,97.6%,32.5%)`
HSV (or HSB)	235.6°, 98.8, 64.3
Web Safe	000099	`#000099`

CIE-LAB	20.071, 52.916, -75.252
XYZ	6.882, 3.007, 35.338
xyY	0.152, 0.066, 3.007
CIE-LCH	20.071, 91.994, 305.115
CIE-LUV	20.071, -6.163, -77.51
Hunter-Lab	17.34, 40.494, -108.69
Binary	00000010, 00001110, 10100100

#020ea4
```
#020ea4 rgb(2,14,164)
```
#a49802
```
#a49802 rgb(164,152,2)
```

Complementary Color

#025fa4
```
#025fa4 rgb(2,95,164)
```
#020ea4
```
#020ea4 rgb(2,14,164)
```
#4702a4
```
#4702a4 rgb(71,2,164)
```

Analogous Color

#5fa402
```
#5fa402 rgb(95,164,2)
```
#020ea4
```
#020ea4 rgb(2,14,164)
```
#a44702
```
#a44702 rgb(164,71,2)
```

Split Complementary Color

#0ea402
```
#0ea402 rgb(14,164,2)
```
#020ea4
```
#020ea4 rgb(2,14,164)
```
#a4020e
```
#a4020e rgb(164,2,14)
```

Triadic Color

#02a498
```
#02a498 rgb(2,164,152)
```
#020ea4
```
#020ea4 rgb(2,14,164)
```
#a4020e
```
#a4020e rgb(164,2,14)
```
#a49802
```
#a49802 rgb(164,152,2)
```

Tetradic Color

#010858
```
#010858 rgb(1,8,88)
```
#010a72
```
#010a72 rgb(1,10,114)
```
#020c8b
```
#020c8b rgb(2,12,139)
```
#020ea4
```
#020ea4 rgb(2,14,164)
```
#0210bd
```
#0210bd rgb(2,16,189)
```
#0312d6
```
#0312d6 rgb(3,18,214)
```
#0314f0
```
#0314f0 rgb(3,20,240)
```

Monochromatic Color

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

#0237a4
```
#0237a4 rgb(2,55,164)
```
#0229a4
```
#0229a4 rgb(2,41,164)
```
#021ca4
```
#021ca4 rgb(2,28,164)
```
#020ea4
```
#020ea4 rgb(2,14,164)
```
#0302a4
```
#0302a4 rgb(3,2,164)
```
#1102a4
```
#1102a4 rgb(17,2,164)
```
#1e02a4
```
#1e02a4 rgb(30,2,164)
```

Similar Colors

Text with hexadecimal color #020ea4

This text has a font color of #020ea4.

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

#020ea4 background color

This paragraph has a background color of #020ea4.

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

#020ea4 border color

This element has a border color of #020ea4.

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

CSS codes

.text {color:#020ea4;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#00021c
```
#00021c rgb(0,2,28)
```
#010430
```
#010430 rgb(1,4,48)
```
#010643
```
#010643 rgb(1,6,67)
```
#010756
```
#010756 rgb(1,7,86)
```
#01096a
```
#01096a rgb(1,9,106)
```
#020b7d
```
#020b7d rgb(2,11,125)
```
#020c91
```
#020c91 rgb(2,12,145)
```
#020ea4
```
#020ea4 rgb(2,14,164)
```
#0210b7
```
#0210b7 rgb(2,16,183)
```
#0211cb
```
#0211cb rgb(2,17,203)
```
#0313de
```
#0313de rgb(3,19,222)
```
#0315f2
```
#0315f2 rgb(3,21,242)
```

Shade Color Variation

#0c1efc
```
#0c1efc rgb(12,30,252)
```
#1f30fc
```
#1f30fc rgb(31,48,252)
```
#3342fd
```
#3342fd rgb(51,66,253)
```
#4654fd
```
#4654fd rgb(70,84,253)
```
#5a66fd
```
#5a66fd rgb(90,102,253)
```
#6d78fd
```
#6d78fd rgb(109,120,253)
```
#808afd
```
#808afd rgb(128,138,253)
```
#949cfe
```
#949cfe rgb(148,156,254)
```
#a7aefe
```
#a7aefe rgb(167,174,254)
```
#babffe
```
#babffe rgb(186,191,254)
```
#ced1fe
```
#ced1fe rgb(206,209,254)
```
#e1e3ff
```
#e1e3ff rgb(225,227,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#4f4f57
```
#4f4f57 rgb(79,79,87)
```
#484a5e
```
#484a5e rgb(72,74,94)
```
#424464
```
#424464 rgb(66,68,100)
```
#3b3f6b
```
#3b3f6b rgb(59,63,107)
```
#353a71
```
#353a71 rgb(53,58,113)
```
#2f3477
```
#2f3477 rgb(47,52,119)
```
#282f7e
```
#282f7e rgb(40,47,126)
```
#222984
```
#222984 rgb(34,41,132)
```
#1c248a
```
#1c248a rgb(28,36,138)
```
#151e91
```
#151e91 rgb(21,30,145)
```
#0f1997
```
#0f1997 rgb(15,25,151)
```
#08139e
```
#08139e rgb(8,19,158)
```
#020ea4
```
#020ea4 rgb(2,14,164)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#171937 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#003d60 Deuteranopia 1% of men
#004143 Tritanopia 0.001% of the population

Trichromacy

#002982 Protanomaly 1% of men, 0.01% of women
#002b78 Deuteranomaly 6% of men, 0.4% of women
#002e66 Tritanomaly 0.01% of the population

#020ea4 hex color

#020ea4 Color Information

#020ea4 Color Conversion

Color Schemes with #020ea4

Alternatives to #020ea4

#020ea4 Preview

Shades and Tints of #020ea4

Tones of #020ea4

Color Blindness Simulator