#022b5a hex color

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

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

● #022b5a color description : Very dark blue.

The hexadecimal color #022b5a has RGB values of R:2, G:43, B:90 and CMYK values of C:0.98, M:0.52, Y:0, K:0.65. Its decimal value is 142170.

Hex triplet	022b5a	`#022b5a`
RGB Decimal	2, 43, 90	`rgb(2,43,90)`
RGB Percent	0.8, 16.9, 35.3	`rgb(0.8%,16.9%,35.3%)`
CMYK	98, 52, 0, 65
HSL	212°, 95.7, 18	`hsl(212,95.7%,18%)`
HSV (or HSB)	212°, 97.8, 35.3
Web Safe	003366	`#003366`

CIE-LAB	17.822, 7.416, -31.942
XYZ	2.734, 2.479, 10.007
xyY	0.18, 0.163, 2.479
CIE-LCH	17.822, 32.792, 283.071
CIE-LUV	17.822, -9.606, -34.602
Hunter-Lab	15.744, 3.446, -26.664
Binary	00000010, 00101011, 01011010

#022b5a
```
#022b5a rgb(2,43,90)
```
#5a3102
```
#5a3102 rgb(90,49,2)
```

Complementary Color

#02575a
```
#02575a rgb(2,87,90)
```
#022b5a
```
#022b5a rgb(2,43,90)
```
#05025a
```
#05025a rgb(5,2,90)
```

Analogous Color

#575a02
```
#575a02 rgb(87,90,2)
```
#022b5a
```
#022b5a rgb(2,43,90)
```
#5a0502
```
#5a0502 rgb(90,5,2)
```

Split Complementary Color

#2b5a02
```
#2b5a02 rgb(43,90,2)
```
#022b5a
```
#022b5a rgb(2,43,90)
```
#5a022b
```
#5a022b rgb(90,2,43)
```

Triadic Color

#025a31
```
#025a31 rgb(2,90,49)
```
#022b5a
```
#022b5a rgb(2,43,90)
```
#5a022b
```
#5a022b rgb(90,2,43)
```
#5a3102
```
#5a3102 rgb(90,49,2)
```

Tetradic Color

#00070f
```
#00070f rgb(0,7,15)
```
#011328
```
#011328 rgb(1,19,40)
```
#011f41
```
#011f41 rgb(1,31,65)
```
#022b5a
```
#022b5a rgb(2,43,90)
```
#033773
```
#033773 rgb(3,55,115)
```
#03438c
```
#03438c rgb(3,67,140)
```
#044fa5
```
#044fa5 rgb(4,79,165)
```

Monochromatic Color

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

#02415a
```
#02415a rgb(2,65,90)
```
#023a5a
```
#023a5a rgb(2,58,90)
```
#02325a
```
#02325a rgb(2,50,90)
```
#022b5a
```
#022b5a rgb(2,43,90)
```
#02245a
```
#02245a rgb(2,36,90)
```
#021c5a
```
#021c5a rgb(2,28,90)
```
#02155a
```
#02155a rgb(2,21,90)
```

Similar Colors

Text with hexadecimal color #022b5a

This text has a font color of #022b5a.

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

#022b5a background color

This paragraph has a background color of #022b5a.

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

#022b5a border color

This element has a border color of #022b5a.

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

CSS codes

.text {color:#022b5a;}

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

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

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)
```
#010f20
```
#010f20 rgb(1,15,32)
```
#011934
```
#011934 rgb(1,25,52)
```
#022247
```
#022247 rgb(2,34,71)
```
#022b5a
```
#022b5a rgb(2,43,90)
```
#02346d
```
#02346d rgb(2,52,109)
```
#033d80
```
#033d80 rgb(3,61,128)
```
#034794
```
#034794 rgb(3,71,148)
```
#0450a7
```
#0450a7 rgb(4,80,167)
```
#0459ba
```
#0459ba rgb(4,89,186)
```
#0562cd
```
#0562cd rgb(5,98,205)
```
#056be0
```
#056be0 rgb(5,107,224)
```
#0574f4
```
#0574f4 rgb(5,116,244)
```

Shade Color Variation

#137efa
```
#137efa rgb(19,126,250)
```
#2689fa
```
#2689fa rgb(38,137,250)
```
#3993fb
```
#3993fb rgb(57,147,251)
```
#4c9efb
```
#4c9efb rgb(76,158,251)
```
#60a8fb
```
#60a8fb rgb(96,168,251)
```
#73b3fc
```
#73b3fc rgb(115,179,252)
```
#86bdfc
```
#86bdfc rgb(134,189,252)
```
#99c8fd
```
#99c8fd rgb(153,200,253)
```
#acd2fd
```
#acd2fd rgb(172,210,253)
```
#bfdcfe
```
#bfdcfe rgb(191,220,254)
```
#d3e7fe
```
#d3e7fe rgb(211,231,254)
```
#e6f1fe
```
#e6f1fe rgb(230,241,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 #022b5a is the most saturated one.

#2c2e30
```
#2c2e30 rgb(44,46,48)
```
#292e33
```
#292e33 rgb(41,46,51)
```
#252d37
```
#252d37 rgb(37,45,55)
```
#222d3a
```
#222d3a rgb(34,45,58)
```
#1e2d3e
```
#1e2d3e rgb(30,45,62)
```
#1b2d41
```
#1b2d41 rgb(27,45,65)
```
#172c45
```
#172c45 rgb(23,44,69)
```
#142c48
```
#142c48 rgb(20,44,72)
```
#102c4c
```
#102c4c rgb(16,44,76)
```
#0d2c4f
```
#0d2c4f rgb(13,44,79)
```
#092b53
```
#092b53 rgb(9,43,83)
```
#062b56
```
#062b56 rgb(6,43,86)
```
#022b5a
```
#022b5a rgb(2,43,90)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#1d252f Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a3561 Protanopia 1% of men
#00375b Deuteranopia 1% of men
#003c3f Tritanopia 0.001% of the population

Trichromacy

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

#022b5a hex color

#022b5a Color Information

#022b5a Color Conversion

Color Schemes with #022b5a

Alternatives to #022b5a

#022b5a Preview

Shades and Tints of #022b5a

Tones of #022b5a

Color Blindness Simulator