#020be2 hex color

In a RGB color space, hex #020be2 is composed of 0.8% red, 4.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 95.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 237.6 degrees, a saturation of 98.2% and a lightness of 44.7%. #020be2 color hex could be obtained by blending #0416ff with #0000c5. Closest websafe color is: #0000cc.

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

● #020be2 color description : Vivid blue.

The hexadecimal color #020be2 has RGB values of R:2, G:11, B:226 and CMYK values of C:0.99, M:0.95, Y:0, K:0.11. Its decimal value is 134114.

Hex triplet	020be2	`#020be2`
RGB Decimal	2, 11, 226	`rgb(2,11,226)`
RGB Percent	0.8, 4.3, 88.6	`rgb(0.8%,4.3%,88.6%)`
CMYK	99, 95, 0, 11
HSL	237.6°, 98.2, 44.7	`hsl(237.6,98.2%,44.7%)`
HSV (or HSB)	237.6°, 99.1, 88.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	28.752, 70.337, -97.345
XYZ	13.869, 5.742, 72.325
xyY	0.151, 0.062, 5.742
CIE-LCH	28.752, 120.097, 305.85
CIE-LUV	28.752, -8.529, -114.114
Hunter-Lab	23.963, 61.379, -162.176
Binary	00000010, 00001011, 11100010

#020be2
```
#020be2 rgb(2,11,226)
```
#e2d902
```
#e2d902 rgb(226,217,2)
```

Complementary Color

#027be2
```
#027be2 rgb(2,123,226)
```
#020be2
```
#020be2 rgb(2,11,226)
```
#6902e2
```
#6902e2 rgb(105,2,226)
```

Analogous Color

#7be202
```
#7be202 rgb(123,226,2)
```
#020be2
```
#020be2 rgb(2,11,226)
```
#e26902
```
#e26902 rgb(226,105,2)
```

Split Complementary Color

#0be202
```
#0be202 rgb(11,226,2)
```
#020be2
```
#020be2 rgb(2,11,226)
```
#e2020b
```
#e2020b rgb(226,2,11)
```

Triadic Color

#02e2d9
```
#02e2d9 rgb(2,226,217)
```
#020be2
```
#020be2 rgb(2,11,226)
```
#e2020b
```
#e2020b rgb(226,2,11)
```
#e2d902
```
#e2d902 rgb(226,217,2)
```

Tetradic Color

#010796
```
#010796 rgb(1,7,150)
```
#0209af
```
#0209af rgb(2,9,175)
```
#020ac9
```
#020ac9 rgb(2,10,201)
```
#020be2
```
#020be2 rgb(2,11,226)
```
#020cfb
```
#020cfb rgb(2,12,251)
```
#1a23fd
```
#1a23fd rgb(26,35,253)
```
#333bfd
```
#333bfd rgb(51,59,253)
```

Monochromatic Color

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

#0243e2
```
#0243e2 rgb(2,67,226)
```
#0230e2
```
#0230e2 rgb(2,48,226)
```
#021ee2
```
#021ee2 rgb(2,30,226)
```
#020be2
```
#020be2 rgb(2,11,226)
```
#0c02e2
```
#0c02e2 rgb(12,2,226)
```
#1e02e2
```
#1e02e2 rgb(30,2,226)
```
#3102e2
```
#3102e2 rgb(49,2,226)
```

Similar Colors

Text with hexadecimal color #020be2

This text has a font color of #020be2.

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

#020be2 background color

This paragraph has a background color of #020be2.

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

#020be2 border color

This element has a border color of #020be2.

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

CSS codes

.text {color:#020be2;}

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

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

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

#00010c
```
#00010c rgb(0,1,12)
```
#000220
```
#000220 rgb(0,2,32)
```
#000233
```
#000233 rgb(0,2,51)
```
#010346
```
#010346 rgb(1,3,70)
```
#01045a
```
#01045a rgb(1,4,90)
```
#01056d
```
#01056d rgb(1,5,109)
```
#010681
```
#010681 rgb(1,6,129)
```
#010794
```
#010794 rgb(1,7,148)
```
#0108a8
```
#0108a8 rgb(1,8,168)
```
#0209bb
```
#0209bb rgb(2,9,187)
```
#020acf
```
#020acf rgb(2,10,207)
```
#020be2
```
#020be2 rgb(2,11,226)
```
#020cf5
```
#020cf5 rgb(2,12,245)
```

Shade Color Variation

#0e18fd
```
#0e18fd rgb(14,24,253)
```
#222bfd
```
#222bfd rgb(34,43,253)
```
#353dfd
```
#353dfd rgb(53,61,253)
```
#4950fd
```
#4950fd rgb(73,80,253)
```
#5c63fe
```
#5c63fe rgb(92,99,254)
```
#7075fe
```
#7075fe rgb(112,117,254)
```
#8388fe
```
#8388fe rgb(131,136,254)
```
#969bfe
```
#969bfe rgb(150,155,254)
```
#aaadfe
```
#aaadfe rgb(170,173,254)
```
#bdc0fe
```
#bdc0fe rgb(189,192,254)
```
#d1d3ff
```
#d1d3ff rgb(209,211,255)
```
#e4e5ff
```
#e4e5ff rgb(228,229,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#6b6c79
```
#6b6c79 rgb(107,108,121)
```
#626482
```
#626482 rgb(98,100,130)
```
#5a5c8a
```
#5a5c8a rgb(90,92,138)
```
#515493
```
#515493 rgb(81,84,147)
```
#484c9c
```
#484c9c rgb(72,76,156)
```
#3f43a5
```
#3f43a5 rgb(63,67,165)
```
#373bad
```
#373bad rgb(55,59,173)
```
#2e33b6
```
#2e33b6 rgb(46,51,182)
```
#252bbf
```
#252bbf rgb(37,43,191)
```
#1c23c8
```
#1c23c8 rgb(28,35,200)
```
#141bd0
```
#141bd0 rgb(20,27,208)
```
#0b13d9
```
#0b13d9 rgb(11,19,217)
```
#020be2
```
#020be2 rgb(2,11,226)
```

Tone Color Variation

Below, you can see how #020be2 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
#1b1d48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#0034af Protanomaly 1% of men, 0.01% of women
#0036a2 Deuteranomaly 6% of men, 0.4% of women
#003a8a Tritanomaly 0.01% of the population

#020be2 hex color

#020be2 Color Information

#020be2 Color Conversion

Color Schemes with #020be2

Alternatives to #020be2

#020be2 Preview

Shades and Tints of #020be2

Tones of #020be2

Color Blindness Simulator