#020cde hex color

In a RGB color space, hex #020cde is composed of 0.8% red, 4.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 94.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 237.3 degrees, a saturation of 98.2% and a lightness of 43.9%. #020cde color hex could be obtained by blending #0418ff with #0000bd. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 5
- B 87
RGB color chart
- C 99
- M 95
- Y 0
- K 13
CMYK color chart

● #020cde color description : Vivid blue.

The hexadecimal color #020cde has RGB values of R:2, G:12, B:222 and CMYK values of C:0.99, M:0.95, Y:0, K:0.13. Its decimal value is 134366.

Hex triplet	020cde	`#020cde`
RGB Decimal	2, 12, 222	`rgb(2,12,222)`
RGB Percent	0.8, 4.7, 87.1	`rgb(0.8%,4.7%,87.1%)`
CMYK	99, 95, 0, 13
HSL	237.3°, 98.2, 43.9	`hsl(237.3,98.2%,43.9%)`
HSV (or HSB)	237.3°, 99.1, 87.1
Web Safe	0000cc	`#0000cc`

CIE-LAB	28.244, 69.126, -95.895
XYZ	13.339, 5.549, 69.471
xyY	0.151, 0.063, 5.549
CIE-LCH	28.244, 118.213, 305.786
CIE-LUV	28.244, -8.407, -111.839
Hunter-Lab	23.556, 59.855, -158.371
Binary	00000010, 00001100, 11011110

#020cde
```
#020cde rgb(2,12,222)
```
#ded402
```
#ded402 rgb(222,212,2)
```

Complementary Color

#027ade
```
#027ade rgb(2,122,222)
```
#020cde
```
#020cde rgb(2,12,222)
```
#6602de
```
#6602de rgb(102,2,222)
```

Analogous Color

#7ade02
```
#7ade02 rgb(122,222,2)
```
#020cde
```
#020cde rgb(2,12,222)
```
#de6602
```
#de6602 rgb(222,102,2)
```

Split Complementary Color

#0cde02
```
#0cde02 rgb(12,222,2)
```
#020cde
```
#020cde rgb(2,12,222)
```
#de020c
```
#de020c rgb(222,2,12)
```

Triadic Color

#02ded4
```
#02ded4 rgb(2,222,212)
```
#020cde
```
#020cde rgb(2,12,222)
```
#de020c
```
#de020c rgb(222,2,12)
```
#ded402
```
#ded402 rgb(222,212,2)
```

Tetradic Color

#010892
```
#010892 rgb(1,8,146)
```
#0209ab
```
#0209ab rgb(2,9,171)
```
#020bc5
```
#020bc5 rgb(2,11,197)
```
#020cde
```
#020cde rgb(2,12,222)
```
#020df7
```
#020df7 rgb(2,13,247)
```
#1621fd
```
#1621fd rgb(22,33,253)
```
#2f39fd
```
#2f39fd rgb(47,57,253)
```

Monochromatic Color

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

#0243de
```
#0243de rgb(2,67,222)
```
#0231de
```
#0231de rgb(2,49,222)
```
#021ede
```
#021ede rgb(2,30,222)
```
#020cde
```
#020cde rgb(2,12,222)
```
#0a02de
```
#0a02de rgb(10,2,222)
```
#1d02de
```
#1d02de rgb(29,2,222)
```
#2f02de
```
#2f02de rgb(47,2,222)
```

Similar Colors

Text with hexadecimal color #020cde

This text has a font color of #020cde.

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

#020cde background color

This paragraph has a background color of #020cde.

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

#020cde border color

This element has a border color of #020cde.

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

CSS codes

.text {color:#020cde;}

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

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

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

#000008
```
#000008 rgb(0,0,8)
```
#00011c
```
#00011c rgb(0,1,28)
```
#00032f
```
#00032f rgb(0,3,47)
```
#010442
```
#010442 rgb(1,4,66)
```
#010556
```
#010556 rgb(1,5,86)
```
#010669
```
#010669 rgb(1,6,105)
```
#01077d
```
#01077d rgb(1,7,125)
```
#010890
```
#010890 rgb(1,8,144)
```
#0109a4
```
#0109a4 rgb(1,9,164)
```
#020ab7
```
#020ab7 rgb(2,10,183)
```
#020bcb
```
#020bcb rgb(2,11,203)
```
#020cde
```
#020cde rgb(2,12,222)
```
#020df1
```
#020df1 rgb(2,13,241)
```

Shade Color Variation

#0a15fd
```
#0a15fd rgb(10,21,253)
```
#1e28fd
```
#1e28fd rgb(30,40,253)
```
#313bfd
```
#313bfd rgb(49,59,253)
```
#454dfd
```
#454dfd rgb(69,77,253)
```
#5860fd
```
#5860fd rgb(88,96,253)
```
#6c72fe
```
#6c72fe rgb(108,114,254)
```
#7f85fe
```
#7f85fe rgb(127,133,254)
```
#9397fe
```
#9397fe rgb(147,151,254)
```
#a6aafe
```
#a6aafe rgb(166,170,254)
```
#b9bdfe
```
#b9bdfe rgb(185,189,254)
```
#cdcfff
```
#cdcfff rgb(205,207,255)
```
#e0e2ff
```
#e0e2ff rgb(224,226,255)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#696a77
```
#696a77 rgb(105,106,119)
```
#61627f
```
#61627f rgb(97,98,127)
```
#585a88
```
#585a88 rgb(88,90,136)
```
#505290
```
#505290 rgb(80,82,144)
```
#474b99
```
#474b99 rgb(71,75,153)
```
#3e43a2
```
#3e43a2 rgb(62,67,162)
```
#363baa
```
#363baa rgb(54,59,170)
```
#2d33b3
```
#2d33b3 rgb(45,51,179)
```
#242bbc
```
#242bbc rgb(36,43,188)
```
#1c23c4
```
#1c23c4 rgb(28,35,196)
```
#131ccd
```
#131ccd rgb(19,28,205)
```
#0b14d5
```
#0b14d5 rgb(11,20,213)
```
#020cde
```
#020cde rgb(2,12,222)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#1b1d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7b Deuteranopia 1% of men
#005457 Tritanopia 0.001% of the population

Trichromacy

#0033ac Protanomaly 1% of men, 0.01% of women
#00369f Deuteranomaly 6% of men, 0.4% of women
#003988 Tritanomaly 0.01% of the population

#020cde hex color

#020cde Color Information

#020cde Color Conversion

Color Schemes with #020cde

Alternatives to #020cde

#020cde Preview

Shades and Tints of #020cde

Tones of #020cde

Color Blindness Simulator