#020ac2 hex color

In a RGB color space, hex #020ac2 is composed of 0.8% red, 3.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 94.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 237.5 degrees, a saturation of 98% and a lightness of 38.4%. #020ac2 color hex could be obtained by blending #0414ff with #000085. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 4
- B 76
RGB color chart
- C 99
- M 95
- Y 0
- K 24
CMYK color chart

● #020ac2 color description : Strong blue.

The hexadecimal color #020ac2 has RGB values of R:2, G:10, B:194 and CMYK values of C:0.99, M:0.95, Y:0, K:0.24. Its decimal value is 133826.

Hex triplet	020ac2	`#020ac2`
RGB Decimal	2, 10, 194	`rgb(2,10,194)`
RGB Percent	0.8, 3.9, 76.1	`rgb(0.8%,3.9%,76.1%)`
CMYK	99, 95, 0, 24
HSL	237.5°, 98, 38.4	`hsl(237.5,98%,38.4%)`
HSV (or HSB)	237.5°, 99, 76.1
Web Safe	0000cc	`#0000cc`

CIE-LAB	24.078, 62.259, -86.538
XYZ	9.869, 4.124, 51.312
xyY	0.151, 0.063, 4.124
CIE-LCH	24.078, 106.607, 305.733
CIE-LUV	24.078, -7.17, -95.111
Hunter-Lab	20.308, 51.207, -135.589
Binary	00000010, 00001010, 11000010

#020ac2
```
#020ac2 rgb(2,10,194)
```
#c2ba02
```
#c2ba02 rgb(194,186,2)
```

Complementary Color

#026ac2
```
#026ac2 rgb(2,106,194)
```
#020ac2
```
#020ac2 rgb(2,10,194)
```
#5a02c2
```
#5a02c2 rgb(90,2,194)
```

Analogous Color

#6ac202
```
#6ac202 rgb(106,194,2)
```
#020ac2
```
#020ac2 rgb(2,10,194)
```
#c25a02
```
#c25a02 rgb(194,90,2)
```

Split Complementary Color

#0ac202
```
#0ac202 rgb(10,194,2)
```
#020ac2
```
#020ac2 rgb(2,10,194)
```
#c2020a
```
#c2020a rgb(194,2,10)
```

Triadic Color

#02c2ba
```
#02c2ba rgb(2,194,186)
```
#020ac2
```
#020ac2 rgb(2,10,194)
```
#c2020a
```
#c2020a rgb(194,2,10)
```
#c2ba02
```
#c2ba02 rgb(194,186,2)
```

Tetradic Color

#010676
```
#010676 rgb(1,6,118)
```
#010790
```
#010790 rgb(1,7,144)
```
#0209a9
```
#0209a9 rgb(2,9,169)
```
#020ac2
```
#020ac2 rgb(2,10,194)
```
#020bdb
```
#020bdb rgb(2,11,219)
```
#030df4
```
#030df4 rgb(3,13,244)
```
#141efd
```
#141efd rgb(20,30,253)
```

Monochromatic Color

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

#023ac2
```
#023ac2 rgb(2,58,194)
```
#022ac2
```
#022ac2 rgb(2,42,194)
```
#021ac2
```
#021ac2 rgb(2,26,194)
```
#020ac2
```
#020ac2 rgb(2,10,194)
```
#0a02c2
```
#0a02c2 rgb(10,2,194)
```
#1a02c2
```
#1a02c2 rgb(26,2,194)
```
#2a02c2
```
#2a02c2 rgb(42,2,194)
```

Similar Colors

Text with hexadecimal color #020ac2

This text has a font color of #020ac2.

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

#020ac2 background color

This paragraph has a background color of #020ac2.

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

#020ac2 border color

This element has a border color of #020ac2.

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

CSS codes

.text {color:#020ac2;}

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

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

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

#000113
```
#000113 rgb(0,1,19)
```
#000227
```
#000227 rgb(0,2,39)
```
#01033a
```
#01033a rgb(1,3,58)
```
#01044e
```
#01044e rgb(1,4,78)
```
#010561
```
#010561 rgb(1,5,97)
```
#010674
```
#010674 rgb(1,6,116)
```
#010788
```
#010788 rgb(1,7,136)
```
#02089b
```
#02089b rgb(2,8,155)
```
#0209af
```
#0209af rgb(2,9,175)
```
#020ac2
```
#020ac2 rgb(2,10,194)
```
#020bd5
```
#020bd5 rgb(2,11,213)
```
#020ce9
```
#020ce9 rgb(2,12,233)
```
#030dfc
```
#030dfc rgb(3,13,252)
```

Shade Color Variation

#161ffd
```
#161ffd rgb(22,31,253)
```
#2932fd
```
#2932fd rgb(41,50,253)
```
#3d45fd
```
#3d45fd rgb(61,69,253)
```
#5057fd
```
#5057fd rgb(80,87,253)
```
#646afd
```
#646afd rgb(100,106,253)
```
#777dfe
```
#777dfe rgb(119,125,254)
```
#8a8ffe
```
#8a8ffe rgb(138,143,254)
```
#9ea2fe
```
#9ea2fe rgb(158,162,254)
```
#b1b4fe
```
#b1b4fe rgb(177,180,254)
```
#c5c7fe
```
#c5c7fe rgb(197,199,254)
```
#d8daff
```
#d8daff rgb(216,218,255)
```
#ebecff
```
#ebecff rgb(235,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5c5d68
```
#5c5d68 rgb(92,93,104)
```
#55566f
```
#55566f rgb(85,86,111)
```
#4d4f77
```
#4d4f77 rgb(77,79,119)
```
#46487e
```
#46487e rgb(70,72,126)
```
#3e4186
```
#3e4186 rgb(62,65,134)
```
#373a8d
```
#373a8d rgb(55,58,141)
```
#2f3395
```
#2f3395 rgb(47,51,149)
```
#282d9c
```
#282d9c rgb(40,45,156)
```
#2026a4
```
#2026a4 rgb(32,38,164)
```
#191fab
```
#191fab rgb(25,31,171)
```
#1118b3
```
#1118b3 rgb(17,24,179)
```
#0a11ba
```
#0a11ba rgb(10,17,186)
```
#020ac2
```
#020ac2 rgb(2,10,194)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#18193e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00456d Deuteranopia 1% of men
#004a4d Tritanopia 0.001% of the population

Trichromacy

#002d97 Protanomaly 1% of men, 0.01% of women
#002f8c Deuteranomaly 6% of men, 0.4% of women
#003277 Tritanomaly 0.01% of the population

#020ac2 hex color

#020ac2 Color Information

#020ac2 Color Conversion

Color Schemes with #020ac2

Alternatives to #020ac2

#020ac2 Preview

Shades and Tints of #020ac2

Tones of #020ac2

Color Blindness Simulator