#022bea hex color

In a RGB color space, hex #022bea is composed of 0.8% red, 16.9% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 81.6% magenta, 0% yellow and 8.2% black. It has a hue angle of 229.4 degrees, a saturation of 98.3% and a lightness of 46.3%. #022bea color hex could be obtained by blending #0456ff with #0000d5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 17
- B 92
RGB color chart
- C 99
- M 82
- Y 0
- K 8
CMYK color chart

● #022bea color description : Vivid blue.

The hexadecimal color #022bea has RGB values of R:2, G:43, B:234 and CMYK values of C:0.99, M:0.82, Y:0, K:0.08. Its decimal value is 142314.

Hex triplet	022bea	`#022bea`
RGB Decimal	2, 43, 234	`rgb(2,43,234)`
RGB Percent	0.8, 16.9, 91.8	`rgb(0.8%,16.9%,91.8%)`
CMYK	99, 82, 0, 8
HSL	229.4°, 98.3, 46.3	`hsl(229.4,98.3%,46.3%)`
HSV (or HSB)	229.4°, 99.1, 91.8
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.307, 62.027, -94.316
XYZ	15.737, 7.68, 78.49
xyY	0.154, 0.075, 7.68
CIE-LCH	33.307, 112.884, 303.331
CIE-LUV	33.307, -11.275, -121.106
Hunter-Lab	27.713, 52.868, -148.528
Binary	00000010, 00101011, 11101010

#022bea
```
#022bea rgb(2,43,234)
```
#eac102
```
#eac102 rgb(234,193,2)
```

Complementary Color

#029fea
```
#029fea rgb(2,159,234)
```
#022bea
```
#022bea rgb(2,43,234)
```
#4d02ea
```
#4d02ea rgb(77,2,234)
```

Analogous Color

#9fea02
```
#9fea02 rgb(159,234,2)
```
#022bea
```
#022bea rgb(2,43,234)
```
#ea4d02
```
#ea4d02 rgb(234,77,2)
```

Split Complementary Color

#2bea02
```
#2bea02 rgb(43,234,2)
```
#022bea
```
#022bea rgb(2,43,234)
```
#ea022b
```
#ea022b rgb(234,2,43)
```

Triadic Color

#02eac1
```
#02eac1 rgb(2,234,193)
```
#022bea
```
#022bea rgb(2,43,234)
```
#ea022b
```
#ea022b rgb(234,2,43)
```
#eac102
```
#eac102 rgb(234,193,2)
```

Tetradic Color

#011d9e
```
#011d9e rgb(1,29,158)
```
#0222b7
```
#0222b7 rgb(2,34,183)
```
#0226d1
```
#0226d1 rgb(2,38,209)
```
#022bea
```
#022bea rgb(2,43,234)
```
#0934fd
```
#0934fd rgb(9,52,253)
```
#2249fd
```
#2249fd rgb(34,73,253)
```
#3b5dfd
```
#3b5dfd rgb(59,93,253)
```

Monochromatic Color

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

#0265ea
```
#0265ea rgb(2,101,234)
```
#0252ea
```
#0252ea rgb(2,82,234)
```
#023eea
```
#023eea rgb(2,62,234)
```
#022bea
```
#022bea rgb(2,43,234)
```
#0218ea
```
#0218ea rgb(2,24,234)
```
#0204ea
```
#0204ea rgb(2,4,234)
```
#1302ea
```
#1302ea rgb(19,2,234)
```

Similar Colors

Text with hexadecimal color #022bea

This text has a font color of #022bea.

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

#022bea background color

This paragraph has a background color of #022bea.

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

#022bea border color

This element has a border color of #022bea.

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

CSS codes

.text {color:#022bea;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000414
```
#000414 rgb(0,4,20)
```
#000728
```
#000728 rgb(0,7,40)
```
#010b3b
```
#010b3b rgb(1,11,59)
```
#010e4e
```
#010e4e rgb(1,14,78)
```
#011262
```
#011262 rgb(1,18,98)
```
#011675
```
#011675 rgb(1,22,117)
```
#011989
```
#011989 rgb(1,25,137)
```
#011d9c
```
#011d9c rgb(1,29,156)
```
#0220b0
```
#0220b0 rgb(2,32,176)
```
#0224c3
```
#0224c3 rgb(2,36,195)
```
#0227d7
```
#0227d7 rgb(2,39,215)
```
#022bea
```
#022bea rgb(2,43,234)
```

Shade Color Variation

#032ffd
```
#032ffd rgb(3,47,253)
```
#163ffd
```
#163ffd rgb(22,63,253)
```
#2a4ffd
```
#2a4ffd rgb(42,79,253)
```
#3d5ffd
```
#3d5ffd rgb(61,95,253)
```
#516ffe
```
#516ffe rgb(81,111,254)
```
#647ffe
```
#647ffe rgb(100,127,254)
```
#778ffe
```
#778ffe rgb(119,143,254)
```
#8b9ffe
```
#8b9ffe rgb(139,159,254)
```
#9eaffe
```
#9eaffe rgb(158,175,254)
```
#b2bffe
```
#b2bffe rgb(178,191,254)
```
#c5cfff
```
#c5cfff rgb(197,207,255)
```
#d9dfff
```
#d9dfff rgb(217,223,255)
```
#ecefff
```
#ecefff rgb(236,239,255)
```

Tint Color Variation

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

#6f717d
```
#6f717d rgb(111,113,125)
```
#666c86
```
#666c86 rgb(102,108,134)
```
#5d668f
```
#5d668f rgb(93,102,143)
```
#546098
```
#546098 rgb(84,96,152)
```
#4b5aa1
```
#4b5aa1 rgb(75,90,161)
```
#4254aa
```
#4254aa rgb(66,84,170)
```
#384eb4
```
#384eb4 rgb(56,78,180)
```
#2f48bd
```
#2f48bd rgb(47,72,189)
```
#2642c6
```
#2642c6 rgb(38,66,198)
```
#1d3dcf
```
#1d3dcf rgb(29,61,207)
```
#1437d8
```
#1437d8 rgb(20,55,216)
```
#0b31e1
```
#0b31e1 rgb(11,49,225)
```
#022bea
```
#022bea rgb(2,43,234)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2b3359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0045be Protanomaly 1% of men, 0.01% of women
#0049af Deuteranomaly 6% of men, 0.4% of women
#004c94 Tritanomaly 0.01% of the population

#022bea hex color

#022bea Color Information

#022bea Color Conversion

Color Schemes with #022bea

Alternatives to #022bea

#022bea Preview

Shades and Tints of #022bea

Tones of #022bea

Color Blindness Simulator