#022a5f hex color

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

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

● #022a5f color description : Very dark blue.

The hexadecimal color #022a5f has RGB values of R:2, G:42, B:95 and CMYK values of C:0.98, M:0.56, Y:0, K:0.63. Its decimal value is 141919.

Hex triplet	022a5f	`#022a5f`
RGB Decimal	2, 42, 95	`rgb(2,42,95)`
RGB Percent	0.8, 16.5, 37.3	`rgb(0.8%,16.5%,37.3%)`
CMYK	98, 56, 0, 63
HSL	214.2°, 95.9, 19	`hsl(214.2,95.9%,19%)`
HSV (or HSB)	214.2°, 97.9, 37.3
Web Safe	003366	`#003366`

CIE-LAB	17.895, 10.464, -35.14
XYZ	2.918, 2.495, 11.154
xyY	0.176, 0.151, 2.495
CIE-LCH	17.895, 36.665, 286.583
CIE-LUV	17.895, -9.231, -38.175
Hunter-Lab	15.795, 5.337, -30.811
Binary	00000010, 00101010, 01011111

#022a5f
```
#022a5f rgb(2,42,95)
```
#5f3702
```
#5f3702 rgb(95,55,2)
```

Complementary Color

#02595f
```
#02595f rgb(2,89,95)
```
#022a5f
```
#022a5f rgb(2,42,95)
```
#09025f
```
#09025f rgb(9,2,95)
```

Analogous Color

#595f02
```
#595f02 rgb(89,95,2)
```
#022a5f
```
#022a5f rgb(2,42,95)
```
#5f0802
```
#5f0802 rgb(95,8,2)
```

Split Complementary Color

#2a5f02
```
#2a5f02 rgb(42,95,2)
```
#022a5f
```
#022a5f rgb(2,42,95)
```
#5f022a
```
#5f022a rgb(95,2,42)
```

Triadic Color

#025f37
```
#025f37 rgb(2,95,55)
```
#022a5f
```
#022a5f rgb(2,42,95)
```
#5f022a
```
#5f022a rgb(95,2,42)
```
#5f3702
```
#5f3702 rgb(95,55,2)
```

Tetradic Color

#000914
```
#000914 rgb(0,9,20)
```
#01142d
```
#01142d rgb(1,20,45)
```
#011f46
```
#011f46 rgb(1,31,70)
```
#022a5f
```
#022a5f rgb(2,42,95)
```
#033578
```
#033578 rgb(3,53,120)
```
#034091
```
#034091 rgb(3,64,145)
```
#044baa
```
#044baa rgb(4,75,170)
```

Monochromatic Color

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

#02415f
```
#02415f rgb(2,65,95)
```
#023a5f
```
#023a5f rgb(2,58,95)
```
#02325f
```
#02325f rgb(2,50,95)
```
#022a5f
```
#022a5f rgb(2,42,95)
```
#02225f
```
#02225f rgb(2,34,95)
```
#021b5f
```
#021b5f rgb(2,27,95)
```
#02135f
```
#02135f rgb(2,19,95)
```

Similar Colors

Text with hexadecimal color #022a5f

This text has a font color of #022a5f.

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

#022a5f background color

This paragraph has a background color of #022a5f.

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

#022a5f border color

This element has a border color of #022a5f.

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

CSS codes

.text {color:#022a5f;}

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

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

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

#000812
```
#000812 rgb(0,8,18)
```
#011125
```
#011125 rgb(1,17,37)
```
#011939
```
#011939 rgb(1,25,57)
```
#02224c
```
#02224c rgb(2,34,76)
```
#022a5f
```
#022a5f rgb(2,42,95)
```
#023272
```
#023272 rgb(2,50,114)
```
#033b85
```
#033b85 rgb(3,59,133)
```
#034399
```
#034399 rgb(3,67,153)
```
#044cac
```
#044cac rgb(4,76,172)
```
#0454bf
```
#0454bf rgb(4,84,191)
```
#045dd2
```
#045dd2 rgb(4,93,210)
```
#0565e5
```
#0565e5 rgb(5,101,229)
```
#056ef9
```
#056ef9 rgb(5,110,249)
```

Shade Color Variation

#1779fa
```
#1779fa rgb(23,121,250)
```
#2b84fb
```
#2b84fb rgb(43,132,251)
```
#3e8ffb
```
#3e8ffb rgb(62,143,251)
```
#519afb
```
#519afb rgb(81,154,251)
```
#64a5fc
```
#64a5fc rgb(100,165,252)
```
#77b1fc
```
#77b1fc rgb(119,177,252)
```
#8bbcfd
```
#8bbcfd rgb(139,188,253)
```
#9ec7fd
```
#9ec7fd rgb(158,199,253)
```
#b1d2fd
```
#b1d2fd rgb(177,210,253)
```
#c4ddfe
```
#c4ddfe rgb(196,221,254)
```
#d8e8fe
```
#d8e8fe rgb(216,232,254)
```
#ebf3ff
```
#ebf3ff rgb(235,243,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 #022a5f is the most saturated one.

#2f3032
```
#2f3032 rgb(47,48,50)
```
#2b3036
```
#2b3036 rgb(43,48,54)
```
#272f3a
```
#272f3a rgb(39,47,58)
```
#242f3d
```
#242f3d rgb(36,47,61)
```
#202e41
```
#202e41 rgb(32,46,65)
```
#1c2e45
```
#1c2e45 rgb(28,46,69)
```
#182d49
```
#182d49 rgb(24,45,73)
```
#152d4c
```
#152d4c rgb(21,45,76)
```
#112c50
```
#112c50 rgb(17,44,80)
```
#0d2c54
```
#0d2c54 rgb(13,44,84)
```
#092b58
```
#092b58 rgb(9,43,88)
```
#062b5b
```
#062b5b rgb(6,43,91)
```
#022a5f
```
#022a5f rgb(2,42,95)
```

Tone Color Variation

Below, you can see how #022a5f 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
#1d2530 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#083164 Protanomaly 1% of men, 0.01% of women
#00325c Deuteranomaly 6% of men, 0.4% of women
#00354a Tritanomaly 0.01% of the population

#022a5f hex color

#022a5f Color Information

#022a5f Color Conversion

Color Schemes with #022a5f

Alternatives to #022a5f

#022a5f Preview

Shades and Tints of #022a5f

Tones of #022a5f

Color Blindness Simulator