#020bec hex color

In a RGB color space, hex #020bec is composed of 0.8% red, 4.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 95.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 237.7 degrees, a saturation of 98.3% and a lightness of 46.7%. #020bec color hex could be obtained by blending #0416ff with #0000d9. Closest websafe color is: #0000ff.

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

● #020bec color description : Vivid blue.

The hexadecimal color #020bec has RGB values of R:2, G:11, B:236 and CMYK values of C:0.99, M:0.95, Y:0, K:0.07. Its decimal value is 134124.

Hex triplet	020bec	`#020bec`
RGB Decimal	2, 11, 236	`rgb(2,11,236)`
RGB Percent	0.8, 4.3, 92.5	`rgb(0.8%,4.3%,92.5%)`
CMYK	99, 95, 0, 7
HSL	237.7°, 98.3, 46.7	`hsl(237.7,98.3%,46.7%)`
HSV (or HSB)	237.7°, 99.2, 92.5
Web Safe	0000ff	`#0000ff`

CIE-LAB	30.175, 72.856, -100.682
XYZ	15.282, 6.307, 79.764
xyY	0.151, 0.062, 6.307
CIE-LCH	30.175, 124.277, 305.89
CIE-LUV	30.175, -8.936, -119.945
Hunter-Lab	25.114, 64.668, -170.73
Binary	00000010, 00001011, 11101100

#020bec
```
#020bec rgb(2,11,236)
```
#ece302
```
#ece302 rgb(236,227,2)
```

Complementary Color

#0280ec
```
#0280ec rgb(2,128,236)
```
#020bec
```
#020bec rgb(2,11,236)
```
#6e02ec
```
#6e02ec rgb(110,2,236)
```

Analogous Color

#80ec02
```
#80ec02 rgb(128,236,2)
```
#020bec
```
#020bec rgb(2,11,236)
```
#ec6e02
```
#ec6e02 rgb(236,110,2)
```

Split Complementary Color

#0bec02
```
#0bec02 rgb(11,236,2)
```
#020bec
```
#020bec rgb(2,11,236)
```
#ec020b
```
#ec020b rgb(236,2,11)
```

Triadic Color

#02ece3
```
#02ece3 rgb(2,236,227)
```
#020bec
```
#020bec rgb(2,11,236)
```
#ec020b
```
#ec020b rgb(236,2,11)
```
#ece302
```
#ece302 rgb(236,227,2)
```

Tetradic Color

#0107a0
```
#0107a0 rgb(1,7,160)
```
#0209b9
```
#0209b9 rgb(2,9,185)
```
#020ad3
```
#020ad3 rgb(2,10,211)
```
#020bec
```
#020bec rgb(2,11,236)
```
#0b14fd
```
#0b14fd rgb(11,20,253)
```
#242cfd
```
#242cfd rgb(36,44,253)
```
#3d45fd
```
#3d45fd rgb(61,69,253)
```

Monochromatic Color

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

#0246ec
```
#0246ec rgb(2,70,236)
```
#0232ec
```
#0232ec rgb(2,50,236)
```
#021fec
```
#021fec rgb(2,31,236)
```
#020bec
```
#020bec rgb(2,11,236)
```
#0d02ec
```
#0d02ec rgb(13,2,236)
```
#2002ec
```
#2002ec rgb(32,2,236)
```
#3402ec
```
#3402ec rgb(52,2,236)
```

Similar Colors

Text with hexadecimal color #020bec

This text has a font color of #020bec.

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

#020bec background color

This paragraph has a background color of #020bec.

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

#020bec border color

This element has a border color of #020bec.

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

CSS codes

.text {color:#020bec;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000116
```
#000116 rgb(0,1,22)
```
#000229
```
#000229 rgb(0,2,41)
```
#01033d
```
#01033d rgb(1,3,61)
```
#010450
```
#010450 rgb(1,4,80)
```
#010564
```
#010564 rgb(1,5,100)
```
#010677
```
#010677 rgb(1,6,119)
```
#01068b
```
#01068b rgb(1,6,139)
```
#01079e
```
#01079e rgb(1,7,158)
```
#0208b2
```
#0208b2 rgb(2,8,178)
```
#0209c5
```
#0209c5 rgb(2,9,197)
```
#020ad9
```
#020ad9 rgb(2,10,217)
```
#020bec
```
#020bec rgb(2,11,236)
```

Shade Color Variation

#050efd
```
#050efd rgb(5,14,253)
```
#1821fd
```
#1821fd rgb(24,33,253)
```
#2c34fd
```
#2c34fd rgb(44,52,253)
```
#3f46fd
```
#3f46fd rgb(63,70,253)
```
#5359fe
```
#5359fe rgb(83,89,254)
```
#666cfe
```
#666cfe rgb(102,108,254)
```
#797ffe
```
#797ffe rgb(121,127,254)
```
#8d91fe
```
#8d91fe rgb(141,145,254)
```
#a0a4fe
```
#a0a4fe rgb(160,164,254)
```
#b4b7fe
```
#b4b7fe rgb(180,183,254)
```
#c7c9ff
```
#c7c9ff rgb(199,201,255)
```
#dbdcff
```
#dbdcff rgb(219,220,255)
```
#eeefff
```
#eeefff rgb(238,239,255)
```

Tint Color Variation

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

#70707e
```
#70707e rgb(112,112,126)
```
#676887
```
#676887 rgb(103,104,135)
```
#5e5f90
```
#5e5f90 rgb(94,95,144)
```
#54579a
```
#54579a rgb(84,87,154)
```
#4b4fa3
```
#4b4fa3 rgb(75,79,163)
```
#4246ac
```
#4246ac rgb(66,70,172)
```
#393eb5
```
#393eb5 rgb(57,62,181)
```
#3035be
```
#3035be rgb(48,53,190)
```
#272dc7
```
#272dc7 rgb(39,45,199)
```
#1d24d1
```
#1d24d1 rgb(29,36,209)
```
#141cda
```
#141cda rgb(20,28,218)
```
#0b13e3
```
#0b13e3 rgb(11,19,227)
```
#020bec
```
#020bec rgb(2,11,236)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1c1d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005382 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#0035b6 Protanomaly 1% of men, 0.01% of women
#0038a9 Deuteranomaly 6% of men, 0.4% of women
#003c90 Tritanomaly 0.01% of the population

#020bec hex color

#020bec Color Information

#020bec Color Conversion

Color Schemes with #020bec

Alternatives to #020bec

#020bec Preview

Shades and Tints of #020bec

Tones of #020bec

Color Blindness Simulator