#022f5f hex color

In a RGB color space, hex #022f5f is composed of 0.8% red, 18.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 50.5% magenta, 0% yellow and 62.7% black. It has a hue angle of 211 degrees, a saturation of 95.9% and a lightness of 19%. #022f5f color hex could be obtained by blending #045ebe with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 18
- B 37
RGB color chart
- C 98
- M 51
- Y 0
- K 63
CMYK color chart

● #022f5f color description : Very dark blue.

The hexadecimal color #022f5f has RGB values of R:2, G:47, B:95 and CMYK values of C:0.98, M:0.51, Y:0, K:0.63. Its decimal value is 143199.

Hex triplet	022f5f	`#022f5f`
RGB Decimal	2, 47, 95	`rgb(2,47,95)`
RGB Percent	0.8, 18.4, 37.3	`rgb(0.8%,18.4%,37.3%)`
CMYK	98, 51, 0, 63
HSL	211°, 95.9, 19	`hsl(211,95.9%,19%)`
HSV (or HSB)	211°, 97.9, 37.3
Web Safe	003366	`#003366`

CIE-LAB	19.523, 6.748, -32.508
XYZ	3.107, 2.872, 11.216
xyY	0.181, 0.167, 2.872
CIE-LCH	19.523, 33.201, 281.726
CIE-LUV	19.523, -10.707, -36.694
Hunter-Lab	16.947, 3.066, -27.38
Binary	00000010, 00101111, 01011111

#022f5f
```
#022f5f rgb(2,47,95)
```
#5f3202
```
#5f3202 rgb(95,50,2)
```

Complementary Color

#025e5f
```
#025e5f rgb(2,94,95)
```
#022f5f
```
#022f5f rgb(2,47,95)
```
#03025f
```
#03025f rgb(3,2,95)
```

Analogous Color

#5e5f02
```
#5e5f02 rgb(94,95,2)
```
#022f5f
```
#022f5f rgb(2,47,95)
```
#5f0302
```
#5f0302 rgb(95,3,2)
```

Split Complementary Color

#2f5f02
```
#2f5f02 rgb(47,95,2)
```
#022f5f
```
#022f5f rgb(2,47,95)
```
#5f022f
```
#5f022f rgb(95,2,47)
```

Triadic Color

#025f32
```
#025f32 rgb(2,95,50)
```
#022f5f
```
#022f5f rgb(2,47,95)
```
#5f022f
```
#5f022f rgb(95,2,47)
```
#5f3202
```
#5f3202 rgb(95,50,2)
```

Tetradic Color

#000a14
```
#000a14 rgb(0,10,20)
```
#01162d
```
#01162d rgb(1,22,45)
```
#012346
```
#012346 rgb(1,35,70)
```
#022f5f
```
#022f5f rgb(2,47,95)
```
#033b78
```
#033b78 rgb(3,59,120)
```
#034891
```
#034891 rgb(3,72,145)
```
#0454aa
```
#0454aa rgb(4,84,170)
```

Monochromatic Color

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

#02465f
```
#02465f rgb(2,70,95)
```
#023f5f
```
#023f5f rgb(2,63,95)
```
#02375f
```
#02375f rgb(2,55,95)
```
#022f5f
```
#022f5f rgb(2,47,95)
```
#02275f
```
#02275f rgb(2,39,95)
```
#02205f
```
#02205f rgb(2,32,95)
```
#02185f
```
#02185f rgb(2,24,95)
```

Similar Colors

Text with hexadecimal color #022f5f

This text has a font color of #022f5f.

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

#022f5f background color

This paragraph has a background color of #022f5f.

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

#022f5f border color

This element has a border color of #022f5f.

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

CSS codes

.text {color:#022f5f;}

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

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

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

#000912
```
#000912 rgb(0,9,18)
```
#011225
```
#011225 rgb(1,18,37)
```
#011c39
```
#011c39 rgb(1,28,57)
```
#02254c
```
#02254c rgb(2,37,76)
```
#022f5f
```
#022f5f rgb(2,47,95)
```
#023972
```
#023972 rgb(2,57,114)
```
#034285
```
#034285 rgb(3,66,133)
```
#034c99
```
#034c99 rgb(3,76,153)
```
#0455ac
```
#0455ac rgb(4,85,172)
```
#045fbf
```
#045fbf rgb(4,95,191)
```
#0468d2
```
#0468d2 rgb(4,104,210)
```
#0572e5
```
#0572e5 rgb(5,114,229)
```
#057bf9
```
#057bf9 rgb(5,123,249)
```

Shade Color Variation

#1785fa
```
#1785fa rgb(23,133,250)
```
#2b8ffb
```
#2b8ffb rgb(43,143,251)
```
#3e99fb
```
#3e99fb rgb(62,153,251)
```
#51a3fb
```
#51a3fb rgb(81,163,251)
```
#64aefc
```
#64aefc rgb(100,174,252)
```
#77b8fc
```
#77b8fc rgb(119,184,252)
```
#8bc2fd
```
#8bc2fd rgb(139,194,253)
```
#9eccfd
```
#9eccfd rgb(158,204,253)
```
#b1d6fd
```
#b1d6fd rgb(177,214,253)
```
#c4e0fe
```
#c4e0fe rgb(196,224,254)
```
#d8eafe
```
#d8eafe rgb(216,234,254)
```
#ebf4ff
```
#ebf4ff rgb(235,244,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#2f3032
```
#2f3032 rgb(47,48,50)
```
#2b3036
```
#2b3036 rgb(43,48,54)
```
#27303a
```
#27303a rgb(39,48,58)
```
#24303d
```
#24303d rgb(36,48,61)
```
#203041
```
#203041 rgb(32,48,65)
```
#1c3045
```
#1c3045 rgb(28,48,69)
```
#183049
```
#183049 rgb(24,48,73)
```
#15304c
```
#15304c rgb(21,48,76)
```
#112f50
```
#112f50 rgb(17,47,80)
```
#0d2f54
```
#0d2f54 rgb(13,47,84)
```
#092f58
```
#092f58 rgb(9,47,88)
```
#062f5b
```
#062f5b rgb(6,47,91)
```
#022f5f
```
#022f5f rgb(2,47,95)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#202932 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f3866 Protanopia 1% of men
#003b61 Deuteranopia 1% of men
#003f43 Tritanopia 0.001% of the population

Trichromacy

#143563 Protanomaly 1% of men, 0.01% of women
#003660 Deuteranomaly 6% of men, 0.4% of women
#00394d Tritanomaly 0.01% of the population

#022f5f hex color

#022f5f Color Information

#022f5f Color Conversion

Color Schemes with #022f5f

Alternatives to #022f5f

#022f5f Preview

Shades and Tints of #022f5f

Tones of #022f5f

Color Blindness Simulator