#020ccc hex color

In a RGB color space, hex #020ccc is composed of 0.8% red, 4.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 94.1% magenta, 0% yellow and 20% black. It has a hue angle of 237 degrees, a saturation of 98.1% and a lightness of 40.4%. #020ccc color hex could be obtained by blending #0418ff with #000099. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 5
- B 80
RGB color chart
- C 99
- M 94
- Y 0
- K 20
CMYK color chart

● #020ccc color description : Strong blue.

The hexadecimal color #020ccc has RGB values of R:2, G:12, B:204 and CMYK values of C:0.99, M:0.94, Y:0, K:0.2. Its decimal value is 134348.

Hex triplet	020ccc	`#020ccc`
RGB Decimal	2, 12, 204	`rgb(2,12,204)`
RGB Percent	0.8, 4.7, 80	`rgb(0.8%,4.7%,80%)`
CMYK	99, 94, 0, 20
HSL	237°, 98.1, 40.4	`hsl(237,98.1%,40.4%)`
HSV (or HSB)	237°, 99, 80
Web Safe	0000cc	`#0000cc`

CIE-LAB	25.667, 64.455, -89.758
XYZ	11.053, 4.635, 57.435
xyY	0.151, 0.063, 4.635
CIE-LCH	25.667, 110.503, 305.682
CIE-LUV	25.667, -7.674, -101.234
Hunter-Lab	21.528, 53.975, -143.112
Binary	00000010, 00001100, 11001100

#020ccc
```
#020ccc rgb(2,12,204)
```
#ccc202
```
#ccc202 rgb(204,194,2)
```

Complementary Color

#0271cc
```
#0271cc rgb(2,113,204)
```
#020ccc
```
#020ccc rgb(2,12,204)
```
#5d02cc
```
#5d02cc rgb(93,2,204)
```

Analogous Color

#71cc02
```
#71cc02 rgb(113,204,2)
```
#020ccc
```
#020ccc rgb(2,12,204)
```
#cc5d02
```
#cc5d02 rgb(204,93,2)
```

Split Complementary Color

#0ccc02
```
#0ccc02 rgb(12,204,2)
```
#020ccc
```
#020ccc rgb(2,12,204)
```
#cc020c
```
#cc020c rgb(204,2,12)
```

Triadic Color

#02ccc2
```
#02ccc2 rgb(2,204,194)
```
#020ccc
```
#020ccc rgb(2,12,204)
```
#cc020c
```
#cc020c rgb(204,2,12)
```
#ccc202
```
#ccc202 rgb(204,194,2)
```

Tetradic Color

#010880
```
#010880 rgb(1,8,128)
```
#020999
```
#020999 rgb(2,9,153)
```
#020bb3
```
#020bb3 rgb(2,11,179)
```
#020ccc
```
#020ccc rgb(2,12,204)
```
#020de5
```
#020de5 rgb(2,13,229)
```
#0411fd
```
#0411fd rgb(4,17,253)
```
#1e29fd
```
#1e29fd rgb(30,41,253)
```

Monochromatic Color

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

#023ecc
```
#023ecc rgb(2,62,204)
```
#022ecc
```
#022ecc rgb(2,46,204)
```
#021dcc
```
#021dcc rgb(2,29,204)
```
#020ccc
```
#020ccc rgb(2,12,204)
```
#0902cc
```
#0902cc rgb(9,2,204)
```
#1a02cc
```
#1a02cc rgb(26,2,204)
```
#2b02cc
```
#2b02cc rgb(43,2,204)
```

Similar Colors

Text with hexadecimal color #020ccc

This text has a font color of #020ccc.

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

#020ccc background color

This paragraph has a background color of #020ccc.

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

#020ccc border color

This element has a border color of #020ccc.

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

CSS codes

.text {color:#020ccc;}

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

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

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

#00010a
```
#00010a rgb(0,1,10)
```
#00021d
```
#00021d rgb(0,2,29)
```
#000331
```
#000331 rgb(0,3,49)
```
#010444
```
#010444 rgb(1,4,68)
```
#010557
```
#010557 rgb(1,5,87)
```
#01066b
```
#01066b rgb(1,6,107)
```
#01077e
```
#01077e rgb(1,7,126)
```
#010992
```
#010992 rgb(1,9,146)
```
#020aa5
```
#020aa5 rgb(2,10,165)
```
#020bb9
```
#020bb9 rgb(2,11,185)
```
#020ccc
```
#020ccc rgb(2,12,204)
```
#020ddf
```
#020ddf rgb(2,13,223)
```
#020ef3
```
#020ef3 rgb(2,14,243)
```

Shade Color Variation

#0c18fd
```
#0c18fd rgb(12,24,253)
```
#202bfd
```
#202bfd rgb(32,43,253)
```
#333dfd
```
#333dfd rgb(51,61,253)
```
#4750fd
```
#4750fd rgb(71,80,253)
```
#5a62fd
```
#5a62fd rgb(90,98,253)
```
#6d74fe
```
#6d74fe rgb(109,116,254)
```
#8187fe
```
#8187fe rgb(129,135,254)
```
#9499fe
```
#9499fe rgb(148,153,254)
```
#a8acfe
```
#a8acfe rgb(168,172,254)
```
#bbbefe
```
#bbbefe rgb(187,190,254)
```
#ced1ff
```
#ced1ff rgb(206,209,255)
```
#e2e3ff
```
#e2e3ff rgb(226,227,255)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#61626d
```
#61626d rgb(97,98,109)
```
#595b75
```
#595b75 rgb(89,91,117)
```
#51537d
```
#51537d rgb(81,83,125)
```
#494c85
```
#494c85 rgb(73,76,133)
```
#41458d
```
#41458d rgb(65,69,141)
```
#393e95
```
#393e95 rgb(57,62,149)
```
#32379c
```
#32379c rgb(50,55,156)
```
#2a30a4
```
#2a30a4 rgb(42,48,164)
```
#2229ac
```
#2229ac rgb(34,41,172)
```
#1a21b4
```
#1a21b4 rgb(26,33,180)
```
#121abc
```
#121abc rgb(18,26,188)
```
#0a13c4
```
#0a13c4 rgb(10,19,196)
```
#020ccc
```
#020ccc rgb(2,12,204)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#191b42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004585 Protanopia 1% of men
#004973 Deuteranopia 1% of men
#004e50 Tritanopia 0.001% of the population

Trichromacy

#00309f Protanomaly 1% of men, 0.01% of women
#003293 Deuteranomaly 6% of men, 0.4% of women
#00367d Tritanomaly 0.01% of the population

#020ccc hex color

#020ccc Color Information

#020ccc Color Conversion

Color Schemes with #020ccc

Alternatives to #020ccc

#020ccc Preview

Shades and Tints of #020ccc

Tones of #020ccc

Color Blindness Simulator