#022cdb hex color

In a RGB color space, hex #022cdb is composed of 0.8% red, 17.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 79.9% magenta, 0% yellow and 14.1% black. It has a hue angle of 228.4 degrees, a saturation of 98.2% and a lightness of 43.3%. #022cdb color hex could be obtained by blending #0458ff with #0000b7. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 17
- B 86
RGB color chart
- C 99
- M 80
- Y 0
- K 14
CMYK color chart

● #022cdb color description : Vivid blue.

The hexadecimal color #022cdb has RGB values of R:2, G:44, B:219 and CMYK values of C:0.99, M:0.8, Y:0, K:0.14. Its decimal value is 142555.

Hex triplet	022cdb	`#022cdb`
RGB Decimal	2, 44, 219	`rgb(2,44,219)`
RGB Percent	0.8, 17.3, 85.9	`rgb(0.8%,17.3%,85.9%)`
CMYK	99, 80, 0, 14
HSL	228.4°, 98.2, 43.3	`hsl(228.4,98.2%,43.3%)`
HSV (or HSB)	228.4°, 99.1, 85.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.642, 56.866, -88.502
XYZ	13.709, 6.928, 67.629
xyY	0.155, 0.078, 6.928
CIE-LCH	31.642, 105.197, 302.723
CIE-LUV	31.642, -11.002, -112.628
Hunter-Lab	26.32, 46.913, -133.918
Binary	00000010, 00101100, 11011011

#022cdb
```
#022cdb rgb(2,44,219)
```
#dbb102
```
#dbb102 rgb(219,177,2)
```

Complementary Color

#0299db
```
#0299db rgb(2,153,219)
```
#022cdb
```
#022cdb rgb(2,44,219)
```
#4402db
```
#4402db rgb(68,2,219)
```

Analogous Color

#99db02
```
#99db02 rgb(153,219,2)
```
#022cdb
```
#022cdb rgb(2,44,219)
```
#db4502
```
#db4502 rgb(219,69,2)
```

Split Complementary Color

#2cdb02
```
#2cdb02 rgb(44,219,2)
```
#022cdb
```
#022cdb rgb(2,44,219)
```
#db022c
```
#db022c rgb(219,2,44)
```

Triadic Color

#02dbb1
```
#02dbb1 rgb(2,219,177)
```
#022cdb
```
#022cdb rgb(2,44,219)
```
#db022c
```
#db022c rgb(219,2,44)
```
#dbb102
```
#dbb102 rgb(219,177,2)
```

Tetradic Color

#011d8f
```
#011d8f rgb(1,29,143)
```
#0222a8
```
#0222a8 rgb(2,34,168)
```
#0227c2
```
#0227c2 rgb(2,39,194)
```
#022cdb
```
#022cdb rgb(2,44,219)
```
#0231f4
```
#0231f4 rgb(2,49,244)
```
#1340fd
```
#1340fd rgb(19,64,253)
```
#2c55fd
```
#2c55fd rgb(44,85,253)
```

Monochromatic Color

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

#0262db
```
#0262db rgb(2,98,219)
```
#0250db
```
#0250db rgb(2,80,219)
```
#023edb
```
#023edb rgb(2,62,219)
```
#022cdb
```
#022cdb rgb(2,44,219)
```
#021adb
```
#021adb rgb(2,26,219)
```
#0208db
```
#0208db rgb(2,8,219)
```
#0e02db
```
#0e02db rgb(14,2,219)
```

Similar Colors

Text with hexadecimal color #022cdb

This text has a font color of #022cdb.

<span style="color:#022cdb;">Text here</span>

#022cdb background color

This paragraph has a background color of #022cdb.

<p style="background-color:#022cdb;">Content here</p>

#022cdb border color

This element has a border color of #022cdb.

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

CSS codes

.text {color:#022cdb;}

.background {background-color:#022cdb;}

.border {border:1px solid #022cdb;}

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

#000105
```
#000105 rgb(0,1,5)
```
#000519
```
#000519 rgb(0,5,25)
```
#00092c
```
#00092c rgb(0,9,44)
```
#010d3f
```
#010d3f rgb(1,13,63)
```
#011153
```
#011153 rgb(1,17,83)
```
#011566
```
#011566 rgb(1,21,102)
```
#01187a
```
#01187a rgb(1,24,122)
```
#011c8d
```
#011c8d rgb(1,28,141)
```
#0120a1
```
#0120a1 rgb(1,32,161)
```
#0224b4
```
#0224b4 rgb(2,36,180)
```
#0228c8
```
#0228c8 rgb(2,40,200)
```
#022cdb
```
#022cdb rgb(2,44,219)
```
#0230ee
```
#0230ee rgb(2,48,238)
```

Shade Color Variation

#0737fd
```
#0737fd rgb(7,55,253)
```
#1b47fd
```
#1b47fd rgb(27,71,253)
```
#2e56fd
```
#2e56fd rgb(46,86,253)
```
#4266fd
```
#4266fd rgb(66,102,253)
```
#5576fd
```
#5576fd rgb(85,118,253)
```
#6986fe
```
#6986fe rgb(105,134,254)
```
#7c95fe
```
#7c95fe rgb(124,149,254)
```
#90a5fe
```
#90a5fe rgb(144,165,254)
```
#a3b5fe
```
#a3b5fe rgb(163,181,254)
```
#b6c4fe
```
#b6c4fe rgb(182,196,254)
```
#cad4ff
```
#cad4ff rgb(202,212,255)
```
#dde4ff
```
#dde4ff rgb(221,228,255)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686b75 is the less saturated color, while #022cdb is the most saturated one.

#686b75
```
#686b75 rgb(104,107,117)
```
#60657e
```
#60657e rgb(96,101,126)
```
#576086
```
#576086 rgb(87,96,134)
```
#4f5b8f
```
#4f5b8f rgb(79,91,143)
```
#465697
```
#465697 rgb(70,86,151)
```
#3e50a0
```
#3e50a0 rgb(62,80,160)
```
#354ba8
```
#354ba8 rgb(53,75,168)
```
#2d46b1
```
#2d46b1 rgb(45,70,177)
```
#2441b9
```
#2441b9 rgb(36,65,185)
```
#1c3cc2
```
#1c3cc2 rgb(28,60,194)
```
#1336ca
```
#1336ca rgb(19,54,202)
```
#0b31d3
```
#0b31d3 rgb(11,49,211)
```
#022cdb
```
#022cdb rgb(2,44,219)
```

Tone Color Variation

Below, you can see how #022cdb 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

#333333 Achromatopsia 0.005% of the population
#293255 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0043b4 Protanomaly 1% of men, 0.01% of women
#0046a6 Deuteranomaly 6% of men, 0.4% of women
#004a8c Tritanomaly 0.01% of the population

#022cdb hex color

#022cdb Color Information

#022cdb Color Conversion

Color Schemes with #022cdb

Alternatives to #022cdb

#022cdb Preview

Shades and Tints of #022cdb

Tones of #022cdb

Color Blindness Simulator