#020cb4 hex color

In a RGB color space, hex #020cb4 is composed of 0.8% red, 4.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 93.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 236.6 degrees, a saturation of 97.8% and a lightness of 35.7%. #020cb4 color hex could be obtained by blending #0418ff with #000069. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 5
- B 71
RGB color chart
- C 99
- M 93
- Y 0
- K 29
CMYK color chart

● #020cb4 color description : Strong blue.

The hexadecimal color #020cb4 has RGB values of R:2, G:12, B:180 and CMYK values of C:0.99, M:0.93, Y:0, K:0.29. Its decimal value is 134324.

Hex triplet	020cb4	`#020cb4`
RGB Decimal	2, 12, 180	`rgb(2,12,180)`
RGB Percent	0.8, 4.7, 70.6	`rgb(0.8%,4.7%,70.6%)`
CMYK	99, 93, 0, 29
HSL	236.6°, 97.8, 35.7	`hsl(236.6,97.8%,35.7%)`
HSV (or HSB)	236.6°, 98.9, 70.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	22.197, 58.011, -81.358
XYZ	8.393, 3.57, 43.424
xyY	0.152, 0.064, 3.57
CIE-LCH	22.197, 99.922, 305.49
CIE-LUV	22.197, -6.691, -86.906
Hunter-Lab	18.896, 46.219, -123.028
Binary	00000010, 00001100, 10110100

#020cb4
```
#020cb4 rgb(2,12,180)
```
#b4aa02
```
#b4aa02 rgb(180,170,2)
```

Complementary Color

#0265b4
```
#0265b4 rgb(2,101,180)
```
#020cb4
```
#020cb4 rgb(2,12,180)
```
#5102b4
```
#5102b4 rgb(81,2,180)
```

Analogous Color

#65b402
```
#65b402 rgb(101,180,2)
```
#020cb4
```
#020cb4 rgb(2,12,180)
```
#b45102
```
#b45102 rgb(180,81,2)
```

Split Complementary Color

#0cb402
```
#0cb402 rgb(12,180,2)
```
#020cb4
```
#020cb4 rgb(2,12,180)
```
#b4020c
```
#b4020c rgb(180,2,12)
```

Triadic Color

#02b4aa
```
#02b4aa rgb(2,180,170)
```
#020cb4
```
#020cb4 rgb(2,12,180)
```
#b4020c
```
#b4020c rgb(180,2,12)
```
#b4aa02
```
#b4aa02 rgb(180,170,2)
```

Tetradic Color

#010768
```
#010768 rgb(1,7,104)
```
#010982
```
#010982 rgb(1,9,130)
```
#020a9b
```
#020a9b rgb(2,10,155)
```
#020cb4
```
#020cb4 rgb(2,12,180)
```
#020ecd
```
#020ecd rgb(2,14,205)
```
#030fe6
```
#030fe6 rgb(3,15,230)
```
#0614fc
```
#0614fc rgb(6,20,252)
```

Monochromatic Color

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

#0239b4
```
#0239b4 rgb(2,57,180)
```
#022ab4
```
#022ab4 rgb(2,42,180)
```
#021bb4
```
#021bb4 rgb(2,27,180)
```
#020cb4
```
#020cb4 rgb(2,12,180)
```
#0702b4
```
#0702b4 rgb(7,2,180)
```
#1602b4
```
#1602b4 rgb(22,2,180)
```
#2402b4
```
#2402b4 rgb(36,2,180)
```

Similar Colors

Text with hexadecimal color #020cb4

This text has a font color of #020cb4.

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

#020cb4 background color

This paragraph has a background color of #020cb4.

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

#020cb4 border color

This element has a border color of #020cb4.

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

CSS codes

.text {color:#020cb4;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#000219
```
#000219 rgb(0,2,25)
```
#00032c
```
#00032c rgb(0,3,44)
```
#010440
```
#010440 rgb(1,4,64)
```
#010653
```
#010653 rgb(1,6,83)
```
#010766
```
#010766 rgb(1,7,102)
```
#01087a
```
#01087a rgb(1,8,122)
```
#02098d
```
#02098d rgb(2,9,141)
```
#020ba1
```
#020ba1 rgb(2,11,161)
```
#020cb4
```
#020cb4 rgb(2,12,180)
```
#020dc7
```
#020dc7 rgb(2,13,199)
```
#020fdb
```
#020fdb rgb(2,15,219)
```
#0310ee
```
#0310ee rgb(3,16,238)
```

Shade Color Variation

#0816fc
```
#0816fc rgb(8,22,252)
```
#1c28fc
```
#1c28fc rgb(28,40,252)
```
#2f3bfd
```
#2f3bfd rgb(47,59,253)
```
#424dfd
```
#424dfd rgb(66,77,253)
```
#565ffd
```
#565ffd rgb(86,95,253)
```
#6972fd
```
#6972fd rgb(105,114,253)
```
#7d84fe
```
#7d84fe rgb(125,132,254)
```
#9096fe
```
#9096fe rgb(144,150,254)
```
#a3a8fe
```
#a3a8fe rgb(163,168,254)
```
#b7bbfe
```
#b7bbfe rgb(183,187,254)
```
#cacdfe
```
#cacdfe rgb(202,205,254)
```
#dedfff
```
#dedfff rgb(222,223,255)
```
#f1f2ff
```
#f1f2ff rgb(241,242,255)
```

Tint Color Variation

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

#565760
```
#565760 rgb(86,87,96)
```
#4f5067
```
#4f5067 rgb(79,80,103)
```
#484a6e
```
#484a6e rgb(72,74,110)
```
#414475
```
#414475 rgb(65,68,117)
```
#3a3e7c
```
#3a3e7c rgb(58,62,124)
```
#333783
```
#333783 rgb(51,55,131)
```
#2c318a
```
#2c318a rgb(44,49,138)
```
#252b91
```
#252b91 rgb(37,43,145)
```
#1e2598
```
#1e2598 rgb(30,37,152)
```
#171f9f
```
#171f9f rgb(23,31,159)
```
#1018a6
```
#1018a6 rgb(16,24,166)
```
#0912ad
```
#0912ad rgb(9,18,173)
```
#020cb4
```
#020cb4 rgb(2,12,180)
```

Tone Color Variation

Below, you can see how #020cb4 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
#17193a Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004167 Deuteranopia 1% of men
#004648 Tritanopia 0.001% of the population

Trichromacy

#002b8d Protanomaly 1% of men, 0.01% of women
#002e83 Deuteranomaly 6% of men, 0.4% of women
#00306f Tritanomaly 0.01% of the population

#020cb4 hex color

#020cb4 Color Information

#020cb4 Color Conversion

Color Schemes with #020cb4

Alternatives to #020cb4

#020cb4 Preview

Shades and Tints of #020cb4

Tones of #020cb4

Color Blindness Simulator