#022c5a hex color

In a RGB color space, hex #022c5a is composed of 0.8% red, 17.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 51.1% magenta, 0% yellow and 64.7% black. It has a hue angle of 211.4 degrees, a saturation of 95.7% and a lightness of 18%. #022c5a color hex could be obtained by blending #0458b4 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 17
- B 35
RGB color chart
- C 98
- M 51
- Y 0
- K 65
CMYK color chart

● #022c5a color description : Very dark blue.

The hexadecimal color #022c5a has RGB values of R:2, G:44, B:90 and CMYK values of C:0.98, M:0.51, Y:0, K:0.65. Its decimal value is 142426.

Hex triplet	022c5a	`#022c5a`
RGB Decimal	2, 44, 90	`rgb(2,44,90)`
RGB Percent	0.8, 17.3, 35.3	`rgb(0.8%,17.3%,35.3%)`
CMYK	98, 51, 0, 65
HSL	211.4°, 95.7, 18	`hsl(211.4,95.7%,18%)`
HSV (or HSB)	211.4°, 97.8, 35.3
Web Safe	003366	`#003366`

CIE-LAB	18.153, 6.671, -31.407
XYZ	2.771, 2.552, 10.019
xyY	0.181, 0.166, 2.552
CIE-LCH	18.153, 32.108, 281.992
CIE-LUV	18.153, -9.908, -34.294
Hunter-Lab	15.976, 3.001, -26
Binary	00000010, 00101100, 01011010

#022c5a
```
#022c5a rgb(2,44,90)
```
#5a3002
```
#5a3002 rgb(90,48,2)
```

Complementary Color

#02585a
```
#02585a rgb(2,88,90)
```
#022c5a
```
#022c5a rgb(2,44,90)
```
#04025a
```
#04025a rgb(4,2,90)
```

Analogous Color

#585a02
```
#585a02 rgb(88,90,2)
```
#022c5a
```
#022c5a rgb(2,44,90)
```
#5a0402
```
#5a0402 rgb(90,4,2)
```

Split Complementary Color

#2c5a02
```
#2c5a02 rgb(44,90,2)
```
#022c5a
```
#022c5a rgb(2,44,90)
```
#5a022c
```
#5a022c rgb(90,2,44)
```

Triadic Color

#025a30
```
#025a30 rgb(2,90,48)
```
#022c5a
```
#022c5a rgb(2,44,90)
```
#5a022c
```
#5a022c rgb(90,2,44)
```
#5a3002
```
#5a3002 rgb(90,48,2)
```

Tetradic Color

#00070f
```
#00070f rgb(0,7,15)
```
#011428
```
#011428 rgb(1,20,40)
```
#012041
```
#012041 rgb(1,32,65)
```
#022c5a
```
#022c5a rgb(2,44,90)
```
#033873
```
#033873 rgb(3,56,115)
```
#03448c
```
#03448c rgb(3,68,140)
```
#0451a5
```
#0451a5 rgb(4,81,165)
```

Monochromatic Color

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

#02425a
```
#02425a rgb(2,66,90)
```
#023b5a
```
#023b5a rgb(2,59,90)
```
#02335a
```
#02335a rgb(2,51,90)
```
#022c5a
```
#022c5a rgb(2,44,90)
```
#02255a
```
#02255a rgb(2,37,90)
```
#021d5a
```
#021d5a rgb(2,29,90)
```
#02165a
```
#02165a rgb(2,22,90)
```

Similar Colors

Text with hexadecimal color #022c5a

This text has a font color of #022c5a.

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

#022c5a background color

This paragraph has a background color of #022c5a.

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

#022c5a border color

This element has a border color of #022c5a.

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

CSS codes

.text {color:#022c5a;}

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

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

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, #00060d is the darkest color, while #f9fcff is the lightest one.

#00060d
```
#00060d rgb(0,6,13)
```
#011020
```
#011020 rgb(1,16,32)
```
#011934
```
#011934 rgb(1,25,52)
```
#022347
```
#022347 rgb(2,35,71)
```
#022c5a
```
#022c5a rgb(2,44,90)
```
#02356d
```
#02356d rgb(2,53,109)
```
#033f80
```
#033f80 rgb(3,63,128)
```
#034894
```
#034894 rgb(3,72,148)
```
#0452a7
```
#0452a7 rgb(4,82,167)
```
#045bba
```
#045bba rgb(4,91,186)
```
#0564cd
```
#0564cd rgb(5,100,205)
```
#056ee0
```
#056ee0 rgb(5,110,224)
```
#0577f4
```
#0577f4 rgb(5,119,244)
```

Shade Color Variation

#1381fa
```
#1381fa rgb(19,129,250)
```
#268bfa
```
#268bfa rgb(38,139,250)
```
#3995fb
```
#3995fb rgb(57,149,251)
```
#4ca0fb
```
#4ca0fb rgb(76,160,251)
```
#60aafb
```
#60aafb rgb(96,170,251)
```
#73b4fc
```
#73b4fc rgb(115,180,252)
```
#86befc
```
#86befc rgb(134,190,252)
```
#99c9fd
```
#99c9fd rgb(153,201,253)
```
#acd3fd
```
#acd3fd rgb(172,211,253)
```
#bfddfe
```
#bfddfe rgb(191,221,254)
```
#d3e7fe
```
#d3e7fe rgb(211,231,254)
```
#e6f2fe
```
#e6f2fe rgb(230,242,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#2c2e30
```
#2c2e30 rgb(44,46,48)
```
#292e33
```
#292e33 rgb(41,46,51)
```
#252e37
```
#252e37 rgb(37,46,55)
```
#222d3a
```
#222d3a rgb(34,45,58)
```
#1e2d3e
```
#1e2d3e rgb(30,45,62)
```
#1b2d41
```
#1b2d41 rgb(27,45,65)
```
#172d45
```
#172d45 rgb(23,45,69)
```
#142d48
```
#142d48 rgb(20,45,72)
```
#102d4c
```
#102d4c rgb(16,45,76)
```
#0d2c4f
```
#0d2c4f rgb(13,44,79)
```
#092c53
```
#092c53 rgb(9,44,83)
```
#062c56
```
#062c56 rgb(6,44,86)
```
#022c5a
```
#022c5a rgb(2,44,90)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#1e2630 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d3561 Protanopia 1% of men
#00385d Deuteranopia 1% of men
#003c40 Tritanopia 0.001% of the population

Trichromacy

#13325e Protanomaly 1% of men, 0.01% of women
#00335b Deuteranomaly 6% of men, 0.4% of women
#003649 Tritanomaly 0.01% of the population

#022c5a hex color

#022c5a Color Information

#022c5a Color Conversion

Color Schemes with #022c5a

Alternatives to #022c5a

#022c5a Preview

Shades and Tints of #022c5a

Tones of #022c5a

Color Blindness Simulator