#022980 hex color

In a RGB color space, hex #022980 is composed of 0.8% red, 16.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 68% magenta, 0% yellow and 49.8% black. It has a hue angle of 221.4 degrees, a saturation of 96.9% and a lightness of 25.5%. #022980 color hex could be obtained by blending #0452ff with #000001. Closest websafe color is: #003399.

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

● #022980 color description : Dark blue.

The hexadecimal color #022980 has RGB values of R:2, G:41, B:128 and CMYK values of C:0.98, M:0.68, Y:0, K:0.5. Its decimal value is 141696.

Hex triplet	022980	`#022980`
RGB Decimal	2, 41, 128	`rgb(2,41,128)`
RGB Percent	0.8, 16.1, 50.2	`rgb(0.8%,16.1%,50.2%)`
CMYK	98, 68, 0, 50
HSL	221.4°, 96.9, 25.5	`hsl(221.4,96.9%,25.5%)`
HSV (or HSB)	221.4°, 98.4, 50.2
Web Safe	003399	`#003399`

CIE-LAB	20.662, 25.673, -51.942
XYZ	4.713, 3.157, 20.782
xyY	0.165, 0.11, 3.157
CIE-LCH	20.662, 57.941, 296.302
CIE-LUV	20.662, -8.878, -59.094
Hunter-Lab	17.768, 16.259, -56.911
Binary	00000010, 00101001, 10000000

#022980
```
#022980 rgb(2,41,128)
```
#805902
```
#805902 rgb(128,89,2)
```

Complementary Color

#026880
```
#026880 rgb(2,104,128)
```
#022980
```
#022980 rgb(2,41,128)
```
#1a0280
```
#1a0280 rgb(26,2,128)
```

Analogous Color

#688002
```
#688002 rgb(104,128,2)
```
#022980
```
#022980 rgb(2,41,128)
```
#801a02
```
#801a02 rgb(128,26,2)
```

Split Complementary Color

#298002
```
#298002 rgb(41,128,2)
```
#022980
```
#022980 rgb(2,41,128)
```
#800229
```
#800229 rgb(128,2,41)
```

Triadic Color

#028059
```
#028059 rgb(2,128,89)
```
#022980
```
#022980 rgb(2,41,128)
```
#800229
```
#800229 rgb(128,2,41)
```
#805902
```
#805902 rgb(128,89,2)
```

Tetradic Color

#011135
```
#011135 rgb(1,17,53)
```
#01194e
```
#01194e rgb(1,25,78)
```
#022167
```
#022167 rgb(2,33,103)
```
#022980
```
#022980 rgb(2,41,128)
```
#023199
```
#023199 rgb(2,49,153)
```
#0339b2
```
#0339b2 rgb(3,57,178)
```
#0341cb
```
#0341cb rgb(3,65,203)
```

Monochromatic Color

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

#024980
```
#024980 rgb(2,73,128)
```
#023e80
```
#023e80 rgb(2,62,128)
```
#023380
```
#023380 rgb(2,51,128)
```
#022980
```
#022980 rgb(2,41,128)
```
#021e80
```
#021e80 rgb(2,30,128)
```
#021480
```
#021480 rgb(2,20,128)
```
#020980
```
#020980 rgb(2,9,128)
```

Similar Colors

Text with hexadecimal color #022980

This text has a font color of #022980.

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

#022980 background color

This paragraph has a background color of #022980.

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

#022980 border color

This element has a border color of #022980.

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

CSS codes

.text {color:#022980;}

.background {background-color:#022980;}

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

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

#00040c
```
#00040c rgb(0,4,12)
```
#000a1f
```
#000a1f rgb(0,10,31)
```
#011033
```
#011033 rgb(1,16,51)
```
#011646
```
#011646 rgb(1,22,70)
```
#011d59
```
#011d59 rgb(1,29,89)
```
#02236d
```
#02236d rgb(2,35,109)
```
#022980
```
#022980 rgb(2,41,128)
```
#022f93
```
#022f93 rgb(2,47,147)
```
#0335a7
```
#0335a7 rgb(3,53,167)
```
#033cba
```
#033cba rgb(3,60,186)
```
#0342cd
```
#0342cd rgb(3,66,205)
```
#0448e1
```
#0448e1 rgb(4,72,225)
```
#044ef4
```
#044ef4 rgb(4,78,244)
```

Shade Color Variation

#1059fb
```
#1059fb rgb(16,89,251)
```
#2366fc
```
#2366fc rgb(35,102,252)
```
#3774fc
```
#3774fc rgb(55,116,252)
```
#4a81fc
```
#4a81fc rgb(74,129,252)
```
#5d8ffc
```
#5d8ffc rgb(93,143,252)
```
#719cfd
```
#719cfd rgb(113,156,253)
```
#84a9fd
```
#84a9fd rgb(132,169,253)
```
#97b7fd
```
#97b7fd rgb(151,183,253)
```
#abc4fe
```
#abc4fe rgb(171,196,254)
```
#bed2fe
```
#bed2fe rgb(190,210,254)
```
#d1dffe
```
#d1dffe rgb(209,223,254)
```
#e4edff
```
#e4edff rgb(228,237,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#3e4044
```
#3e4044 rgb(62,64,68)
```
#393e49
```
#393e49 rgb(57,62,73)
```
#343c4e
```
#343c4e rgb(52,60,78)
```
#2f3a53
```
#2f3a53 rgb(47,58,83)
```
#2a3858
```
#2a3858 rgb(42,56,88)
```
#25365d
```
#25365d rgb(37,54,93)
```
#203462
```
#203462 rgb(32,52,98)
```
#1b3367
```
#1b3367 rgb(27,51,103)
```
#16316c
```
#16316c rgb(22,49,108)
```
#112f71
```
#112f71 rgb(17,47,113)
```
#0c2d76
```
#0c2d76 rgb(12,45,118)
```
#072b7b
```
#072b7b rgb(7,43,123)
```
#022980
```
#022980 rgb(2,41,128)
```

Tone Color Variation

Below, you can see how #022980 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
#202739 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a72 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#004245 Tritanopia 0.001% of the population

Trichromacy

#003477 Protanomaly 1% of men, 0.01% of women
#00366d Deuteranomaly 6% of men, 0.4% of women
#00395a Tritanomaly 0.01% of the population

#022980 hex color

#022980 Color Information

#022980 Color Conversion

Color Schemes with #022980

Alternatives to #022980

#022980 Preview

Shades and Tints of #022980

Tones of #022980

Color Blindness Simulator