colorhexa.com

#022c85 hex color

In a RGB color space, hex #022c85 is composed of 0.8% red, 17.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 66.9% magenta, 0% yellow and 47.8% black. It has a hue angle of 220.8 degrees, a saturation of 97% and a lightness of 26.5%. #022c85 color hex could be obtained by blending #0458ff with #00000b. Closest websafe color is: #003399.

- R 1
- G 17
- B 52
RGB color chart
- C 98
- M 67
- Y 0
- K 48
CMYK color chart

● #022c85 color description : Dark blue.

The hexadecimal color #022c85 has RGB values of R:2, G:44, B:133 and CMYK values of C:0.98, M:0.67, Y:0, K:0.48. Its decimal value is 142469.

Hex triplet	022c85	`#022c85`
RGB Decimal	2, 44, 133	`rgb(2,44,133)`
RGB Percent	0.8, 17.3, 52.2	`rgb(0.8%,17.3%,52.2%)`
CMYK	98, 67, 0, 48
HSL	220.8°, 97, 26.5	`hsl(220.8,97%,26.5%)`
HSV (or HSB)	220.8°, 98.5, 52.2
Web Safe	003399	`#003399`

CIE-LAB	21.971, 25.639, -52.94
XYZ	5.158, 3.507, 22.594
xyY	0.165, 0.112, 3.507
CIE-LCH	21.971, 58.822, 295.841
CIE-LUV	21.971, -9.566, -61.956
Hunter-Lab	18.728, 16.393, -58.421
Binary	00000010, 00101100, 10000101

#022c85
```
#022c85 rgb(2,44,133)
```
#855b02
```
#855b02 rgb(133,91,2)
```

Complementary Color

#026e85
```
#026e85 rgb(2,110,133)
```
#022c85
```
#022c85 rgb(2,44,133)
```
#190285
```
#190285 rgb(25,2,133)
```

Analogous Color

#6e8502
```
#6e8502 rgb(110,133,2)
```
#022c85
```
#022c85 rgb(2,44,133)
```
#851902
```
#851902 rgb(133,25,2)
```

Split Complementary Color

#01133a
```
#01133a rgb(1,19,58)
```
#011b53
```
#011b53 rgb(1,27,83)
```
#02246c
```
#02246c rgb(2,36,108)
```
#022c85
```
#022c85 rgb(2,44,133)
```
#02349e
```
#02349e rgb(2,52,158)
```
#033db7
```
#033db7 rgb(3,61,183)
```
#0345d0
```
#0345d0 rgb(3,69,208)
```

Monochromatic Color

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

#024d85
```
#024d85 rgb(2,77,133)
```
#024285
```
#024285 rgb(2,66,133)
```
#023785
```
#023785 rgb(2,55,133)
```
#022c85
```
#022c85 rgb(2,44,133)
```
#022185
```
#022185 rgb(2,33,133)
```
#021685
```
#021685 rgb(2,22,133)
```
#020b85
```
#020b85 rgb(2,11,133)
```

Similar Colors

Text with hexadecimal color #022c85

This text has a font color of #022c85.

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

#022c85 background color

This paragraph has a background color of #022c85.

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

#022c85 border color

This element has a border color of #022c85.

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

CSS codes

.text {color:#022c85;}

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

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

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

#000611
```
#000611 rgb(0,6,17)
```
#010c24
```
#010c24 rgb(1,12,36)
```
#011238
```
#011238 rgb(1,18,56)
```
#01194b
```
#01194b rgb(1,25,75)
```
#011f5e
```
#011f5e rgb(1,31,94)
```
#022672
```
#022672 rgb(2,38,114)
```
#022c85
```
#022c85 rgb(2,44,133)
```
#023298
```
#023298 rgb(2,50,152)
```
#0339ac
```
#0339ac rgb(3,57,172)
```
#033fbf
```
#033fbf rgb(3,63,191)
```
#0346d2
```
#0346d2 rgb(3,70,210)
```
#034ce6
```
#034ce6 rgb(3,76,230)
```
#0452f9
```
#0452f9 rgb(4,82,249)
```

Shade Color Variation

#155ffb
```
#155ffb rgb(21,95,251)
```
#286cfc
```
#286cfc rgb(40,108,252)
```
#3b79fc
```
#3b79fc rgb(59,121,252)
```
#4f86fc
```
#4f86fc rgb(79,134,252)
```
#6294fd
```
#6294fd rgb(98,148,253)
```
#75a1fd
```
#75a1fd rgb(117,161,253)
```
#89aefd
```
#89aefd rgb(137,174,253)
```
#9cbbfe
```
#9cbbfe rgb(156,187,254)
```
#afc9fe
```
#afc9fe rgb(175,201,254)
```
#c3d6fe
```
#c3d6fe rgb(195,214,254)
```
#d6e3fe
```
#d6e3fe rgb(214,227,254)
```
#e9f0ff
```
#e9f0ff rgb(233,240,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#404247
```
#404247 rgb(64,66,71)
```
#3b404c
```
#3b404c rgb(59,64,76)
```
#363f51
```
#363f51 rgb(54,63,81)
```
#313d56
```
#313d56 rgb(49,61,86)
```
#2c3b5b
```
#2c3b5b rgb(44,59,91)
```
#263961
```
#263961 rgb(38,57,97)
```
#213766
```
#213766 rgb(33,55,102)
```
#1c356b
```
#1c356b rgb(28,53,107)
```
#173370
```
#173370 rgb(23,51,112)
```
#123275
```
#123275 rgb(18,50,117)
```
#0c307b
```
#0c307b rgb(12,48,123)
```
#072e80
```
#072e80 rgb(7,46,128)
```
#022c85
```
#022c85 rgb(2,44,133)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#222a3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004067 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#00377c Protanomaly 1% of men, 0.01% of women
#003972 Deuteranomaly 6% of men, 0.4% of women
#003c5e Tritanomaly 0.01% of the population