#022532 hex color

In a RGB color space, hex #022532 is composed of 0.8% red, 14.5% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 26% magenta, 0% yellow and 80.4% black. It has a hue angle of 196.3 degrees, a saturation of 92.3% and a lightness of 10.2%. #022532 color hex could be obtained by blending #044a64 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 1
- G 15
- B 20
RGB color chart
- C 96
- M 26
- Y 0
- K 80
CMYK color chart

● #022532 color description : Very dark (mostly black) blue.

The hexadecimal color #022532 has RGB values of R:2, G:37, B:50 and CMYK values of C:0.96, M:0.26, Y:0, K:0.8. Its decimal value is 140594.

Hex triplet	022532	`#022532`
RGB Decimal	2, 37, 50	`rgb(2,37,50)`
RGB Percent	0.8, 14.5, 19.6	`rgb(0.8%,14.5%,19.6%)`
CMYK	96, 26, 0, 80
HSL	196.3°, 92.3, 10.2	`hsl(196.3,92.3%,10.2%)`
HSV (or HSB)	196.3°, 96, 19.6
Web Safe	003333	`#003333`

CIE-LAB	13.023, -6.696, -12.021
XYZ	1.262, 1.566, 3.253
xyY	0.208, 0.258, 1.566
CIE-LCH	13.023, 13.76, 240.882
CIE-LUV	13.023, -8.73, -10.147
Hunter-Lab	12.515, -3.898, -6.652
Binary	00000010, 00100101, 00110010

#022532
```
#022532 rgb(2,37,50)
```
#320f02
```
#320f02 rgb(50,15,2)
```

Complementary Color

#023227
```
#023227 rgb(2,50,39)
```
#022532
```
#022532 rgb(2,37,50)
```
#020d32
```
#020d32 rgb(2,13,50)
```

Analogous Color

#322702
```
#322702 rgb(50,39,2)
```
#022532
```
#022532 rgb(2,37,50)
```
#32020d
```
#32020d rgb(50,2,13)
```

Split Complementary Color

#253202
```
#253202 rgb(37,50,2)
```
#022532
```
#022532 rgb(2,37,50)
```
#320225
```
#320225 rgb(50,2,37)
```

Triadic Color

#02320f
```
#02320f rgb(2,50,15)
```
#022532
```
#022532 rgb(2,37,50)
```
#320225
```
#320225 rgb(50,2,37)
```
#320f02
```
#320f02 rgb(50,15,2)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000101
```
#000101 rgb(0,1,1)
```
#011319
```
#011319 rgb(1,19,25)
```
#022532
```
#022532 rgb(2,37,50)
```
#03374b
```
#03374b rgb(3,55,75)
```
#044963
```
#044963 rgb(4,73,99)
```
#055b7c
```
#055b7c rgb(5,91,124)
```

Monochromatic Color

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

#023132
```
#023132 rgb(2,49,50)
```
#022d32
```
#022d32 rgb(2,45,50)
```
#022932
```
#022932 rgb(2,41,50)
```
#022532
```
#022532 rgb(2,37,50)
```
#022132
```
#022132 rgb(2,33,50)
```
#021d32
```
#021d32 rgb(2,29,50)
```
#021932
```
#021932 rgb(2,25,50)
```

Similar Colors

Text with hexadecimal color #022532

This text has a font color of #022532.

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

#022532 background color

This paragraph has a background color of #022532.

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

#022532 border color

This element has a border color of #022532.

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

CSS codes

.text {color:#022532;}

.background {background-color:#022532;}

.border {border:1px solid #022532;}

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, #00090c is the darkest color, while #f8fdff is the lightest one.

#00090c
```
#00090c rgb(0,9,12)
```
#01171f
```
#01171f rgb(1,23,31)
```
#022532
```
#022532 rgb(2,37,50)
```
#033345
```
#033345 rgb(3,51,69)
```
#044158
```
#044158 rgb(4,65,88)
```
#044f6b
```
#044f6b rgb(4,79,107)
```
#055d7d
```
#055d7d rgb(5,93,125)
```
#066b90
```
#066b90 rgb(6,107,144)
```
#0779a3
```
#0779a3 rgb(7,121,163)
```
#0787b6
```
#0787b6 rgb(7,135,182)
```
#0895c9
```
#0895c9 rgb(8,149,201)
```
#09a3dc
```
#09a3dc rgb(9,163,220)
```
#0ab1ef
```
#0ab1ef rgb(10,177,239)
```

Shade Color Variation

#16b9f6
```
#16b9f6 rgb(22,185,246)
```
#29bff6
```
#29bff6 rgb(41,191,246)
```
#3cc4f7
```
#3cc4f7 rgb(60,196,247)
```
#4fcaf8
```
#4fcaf8 rgb(79,202,248)
```
#62d0f9
```
#62d0f9 rgb(98,208,249)
```
#74d5f9
```
#74d5f9 rgb(116,213,249)
```
#87dbfa
```
#87dbfa rgb(135,219,250)
```
#9ae1fb
```
#9ae1fb rgb(154,225,251)
```
#ade6fc
```
#ade6fc rgb(173,230,252)
```
#c0ecfc
```
#c0ecfc rgb(192,236,252)
```
#d3f2fd
```
#d3f2fd rgb(211,242,253)
```
#e6f7fe
```
#e6f7fe rgb(230,247,254)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#181b1c
```
#181b1c rgb(24,27,28)
```
#161c1e
```
#161c1e rgb(22,28,30)
```
#141d20
```
#141d20 rgb(20,29,32)
```
#121e22
```
#121e22 rgb(18,30,34)
```
#101f24
```
#101f24 rgb(16,31,36)
```
#0e2026
```
#0e2026 rgb(14,32,38)
```
#0c2028
```
#0c2028 rgb(12,32,40)
```
#0a212a
```
#0a212a rgb(10,33,42)
```
#08222c
```
#08222c rgb(8,34,44)
```
#06232e
```
#06232e rgb(6,35,46)
```
#042430
```
#042430 rgb(4,36,48)
```
#022532
```
#022532 rgb(2,37,50)
```
#002634
```
#002634 rgb(0,38,52)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#171e20 Atypical Achromatopsia 0.001% of the population

Dichromacy

#292c3a Protanopia 1% of men
#262c3e Deuteranopia 1% of men
#003135 Tritanopia 0.001% of the population

Trichromacy

#1a2937 Protanomaly 1% of men, 0.01% of women
#192939 Deuteranomaly 6% of men, 0.4% of women
#002c33 Tritanomaly 0.01% of the population

#022532 hex color

#022532 Color Information

#022532 Color Conversion

Color Schemes with #022532

Alternatives to #022532

#022532 Preview

Shades and Tints of #022532

Tones of #022532

Color Blindness Simulator