#020bde hex color

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

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

● #020bde color description : Vivid blue.

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

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

CIE-LAB	28.181, 69.32, -96
XYZ	13.327, 5.525, 69.467
xyY	0.151, 0.063, 5.525
CIE-LCH	28.181, 118.412, 305.832
CIE-LUV	28.181, -8.366, -111.771
Hunter-Lab	23.506, 60.069, -158.769
Binary	00000010, 00001011, 11011110

#020bde
```
#020bde rgb(2,11,222)
```
#ded502
```
#ded502 rgb(222,213,2)
```

Complementary Color

#0279de
```
#0279de rgb(2,121,222)
```
#020bde
```
#020bde rgb(2,11,222)
```
#6702de
```
#6702de rgb(103,2,222)
```

Analogous Color

#79de02
```
#79de02 rgb(121,222,2)
```
#020bde
```
#020bde rgb(2,11,222)
```
#de6702
```
#de6702 rgb(222,103,2)
```

Split Complementary Color

#0bde02
```
#0bde02 rgb(11,222,2)
```
#020bde
```
#020bde rgb(2,11,222)
```
#de020b
```
#de020b rgb(222,2,11)
```

Triadic Color

#02ded5
```
#02ded5 rgb(2,222,213)
```
#020bde
```
#020bde rgb(2,11,222)
```
#de020b
```
#de020b rgb(222,2,11)
```
#ded502
```
#ded502 rgb(222,213,2)
```

Tetradic Color

#010792
```
#010792 rgb(1,7,146)
```
#0208ab
```
#0208ab rgb(2,8,171)
```
#020ac5
```
#020ac5 rgb(2,10,197)
```
#020bde
```
#020bde rgb(2,11,222)
```
#020cf7
```
#020cf7 rgb(2,12,247)
```
#1620fd
```
#1620fd rgb(22,32,253)
```
#2f38fd
```
#2f38fd rgb(47,56,253)
```

Monochromatic Color

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

#0242de
```
#0242de rgb(2,66,222)
```
#0230de
```
#0230de rgb(2,48,222)
```
#021dde
```
#021dde rgb(2,29,222)
```
#020bde
```
#020bde rgb(2,11,222)
```
#0b02de
```
#0b02de rgb(11,2,222)
```
#1e02de
```
#1e02de rgb(30,2,222)
```
#3002de
```
#3002de rgb(48,2,222)
```

Similar Colors

Text with hexadecimal color #020bde

This text has a font color of #020bde.

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

#020bde background color

This paragraph has a background color of #020bde.

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

#020bde border color

This element has a border color of #020bde.

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

CSS codes

.text {color:#020bde;}

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

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

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)
```
#00022f
```
#00022f rgb(0,2,47)
```
#010342
```
#010342 rgb(1,3,66)
```
#010456
```
#010456 rgb(1,4,86)
```
#010569
```
#010569 rgb(1,5,105)
```
#01067d
```
#01067d rgb(1,6,125)
```
#010790
```
#010790 rgb(1,7,144)
```
#0108a4
```
#0108a4 rgb(1,8,164)
```
#0209b7
```
#0209b7 rgb(2,9,183)
```
#020acb
```
#020acb rgb(2,10,203)
```
#020bde
```
#020bde rgb(2,11,222)
```
#020cf1
```
#020cf1 rgb(2,12,241)
```

Shade Color Variation

#0a14fd
```
#0a14fd rgb(10,20,253)
```
#1e27fd
```
#1e27fd rgb(30,39,253)
```
#313afd
```
#313afd rgb(49,58,253)
```
#454cfd
```
#454cfd rgb(69,76,253)
```
#585ffd
```
#585ffd rgb(88,95,253)
```
#6c72fe
```
#6c72fe rgb(108,114,254)
```
#7f84fe
```
#7f84fe rgb(127,132,254)
```
#9397fe
```
#9397fe rgb(147,151,254)
```
#a6aafe
```
#a6aafe rgb(166,170,254)
```
#b9bcfe
```
#b9bcfe rgb(185,188,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 #020bde 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)
```
#474a99
```
#474a99 rgb(71,74,153)
```
#3e42a2
```
#3e42a2 rgb(62,66,162)
```
#363aaa
```
#363aaa rgb(54,58,170)
```
#2d33b3
```
#2d33b3 rgb(45,51,179)
```
#242bbc
```
#242bbc rgb(36,43,188)
```
#1c23c4
```
#1c23c4 rgb(28,35,196)
```
#131bcd
```
#131bcd rgb(19,27,205)
```
#0b13d5
```
#0b13d5 rgb(11,19,213)
```
#020bde
```
#020bde rgb(2,11,222)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1a1c46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7b Deuteranopia 1% of men
#005357 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

#020bde hex color

#020bde Color Information

#020bde Color Conversion

Color Schemes with #020bde

Alternatives to #020bde

#020bde Preview

Shades and Tints of #020bde

Tones of #020bde

Color Blindness Simulator