#022c50 hex color

In a RGB color space, hex #022c50 is composed of 0.8% red, 17.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 45% magenta, 0% yellow and 68.6% black. It has a hue angle of 207.7 degrees, a saturation of 95.1% and a lightness of 16.1%. #022c50 color hex could be obtained by blending #0458a0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 17
- B 31
RGB color chart
- C 98
- M 45
- Y 0
- K 69
CMYK color chart

● #022c50 color description : Very dark blue.

The hexadecimal color #022c50 has RGB values of R:2, G:44, B:80 and CMYK values of C:0.98, M:0.45, Y:0, K:0.69. Its decimal value is 142416.

Hex triplet	022c50	`#022c50`
RGB Decimal	2, 44, 80	`rgb(2,44,80)`
RGB Percent	0.8, 17.3, 31.4	`rgb(0.8%,17.3%,31.4%)`
CMYK	98, 45, 0, 69
HSL	207.7°, 95.1, 16.1	`hsl(207.7,95.1%,16.1%)`
HSV (or HSB)	207.7°, 97.5, 31.4
Web Safe	003366	`#003366`

CIE-LAB	17.429, 2.053, -25.872
XYZ	2.373, 2.393, 7.926
xyY	0.187, 0.189, 2.393
CIE-LCH	17.429, 25.953, 274.538
CIE-LUV	17.429, -10.16, -27.462
Hunter-Lab	15.47, 0.312, -19.547
Binary	00000010, 00101100, 01010000

#022c50
```
#022c50 rgb(2,44,80)
```
#502602
```
#502602 rgb(80,38,2)
```

Complementary Color

#02504d
```
#02504d rgb(2,80,77)
```
#022c50
```
#022c50 rgb(2,44,80)
```
#020550
```
#020550 rgb(2,5,80)
```

Analogous Color

#504d02
```
#504d02 rgb(80,77,2)
```
#022c50
```
#022c50 rgb(2,44,80)
```
#500205
```
#500205 rgb(80,2,5)
```

Split Complementary Color

#2c5002
```
#2c5002 rgb(44,80,2)
```
#022c50
```
#022c50 rgb(2,44,80)
```
#50022c
```
#50022c rgb(80,2,44)
```

Triadic Color

#025026
```
#025026 rgb(2,80,38)
```
#022c50
```
#022c50 rgb(2,44,80)
```
#50022c
```
#50022c rgb(80,2,44)
```
#502602
```
#502602 rgb(80,38,2)
```

Tetradic Color

#000305
```
#000305 rgb(0,3,5)
```
#01111e
```
#01111e rgb(1,17,30)
```
#011e37
```
#011e37 rgb(1,30,55)
```
#022c50
```
#022c50 rgb(2,44,80)
```
#033a69
```
#033a69 rgb(3,58,105)
```
#034782
```
#034782 rgb(3,71,130)
```
#04559b
```
#04559b rgb(4,85,155)
```

Monochromatic Color

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

#024050
```
#024050 rgb(2,64,80)
```
#023950
```
#023950 rgb(2,57,80)
```
#023350
```
#023350 rgb(2,51,80)
```
#022c50
```
#022c50 rgb(2,44,80)
```
#022650
```
#022650 rgb(2,38,80)
```
#021f50
```
#021f50 rgb(2,31,80)
```
#021950
```
#021950 rgb(2,25,80)
```

Similar Colors

Text with hexadecimal color #022c50

This text has a font color of #022c50.

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

#022c50 background color

This paragraph has a background color of #022c50.

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

#022c50 border color

This element has a border color of #022c50.

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

CSS codes

.text {color:#022c50;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010c17
```
#010c17 rgb(1,12,23)
```
#01172a
```
#01172a rgb(1,23,42)
```
#02213d
```
#02213d rgb(2,33,61)
```
#022c50
```
#022c50 rgb(2,44,80)
```
#023763
```
#023763 rgb(2,55,99)
```
#034176
```
#034176 rgb(3,65,118)
```
#034c89
```
#034c89 rgb(3,76,137)
```
#04569d
```
#04569d rgb(4,86,157)
```
#0461b0
```
#0461b0 rgb(4,97,176)
```
#056bc3
```
#056bc3 rgb(5,107,195)
```
#0576d6
```
#0576d6 rgb(5,118,214)
```
#0680e9
```
#0680e9 rgb(6,128,233)
```

Shade Color Variation

#0a8af9
```
#0a8af9 rgb(10,138,249)
```
#1d94f9
```
#1d94f9 rgb(29,148,249)
```
#309dfa
```
#309dfa rgb(48,157,250)
```
#43a6fa
```
#43a6fa rgb(67,166,250)
```
#56affb
```
#56affb rgb(86,175,251)
```
#69b8fb
```
#69b8fb rgb(105,184,251)
```
#7cc1fc
```
#7cc1fc rgb(124,193,252)
```
#90cafc
```
#90cafc rgb(144,202,252)
```
#a3d3fd
```
#a3d3fd rgb(163,211,253)
```
#b6dcfd
```
#b6dcfd rgb(182,220,253)
```
#c9e5fe
```
#c9e5fe rgb(201,229,254)
```
#dceefe
```
#dceefe rgb(220,238,254)
```
#eff8ff
```
#eff8ff rgb(239,248,255)
```

Tint Color Variation

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

#28292a
```
#28292a rgb(40,41,42)
```
#25292d
```
#25292d rgb(37,41,45)
```
#222a30
```
#222a30 rgb(34,42,48)
```
#1e2a34
```
#1e2a34 rgb(30,42,52)
```
#1b2a37
```
#1b2a37 rgb(27,42,55)
```
#182a3a
```
#182a3a rgb(24,42,58)
```
#152b3d
```
#152b3d rgb(21,43,61)
```
#122b40
```
#122b40 rgb(18,43,64)
```
#0f2b43
```
#0f2b43 rgb(15,43,67)
```
#0b2b47
```
#0b2b47 rgb(11,43,71)
```
#082c4a
```
#082c4a rgb(8,44,74)
```
#052c4d
```
#052c4d rgb(5,44,77)
```
#022c50
```
#022c50 rgb(2,44,80)
```

Tone Color Variation

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

Dichromacy

#253457 Protanopia 1% of men
#133659 Deuteranopia 1% of men
#003b3e Tritanopia 0.001% of the population

Trichromacy

#183154 Protanomaly 1% of men, 0.01% of women
#0d3255 Deuteranomaly 6% of men, 0.4% of women
#003545 Tritanomaly 0.01% of the population

#022c50 hex color

#022c50 Color Information

#022c50 Color Conversion

Color Schemes with #022c50

Alternatives to #022c50

#022c50 Preview

Shades and Tints of #022c50

Tones of #022c50

Color Blindness Simulator