#222580 hex color

In a RGB color space, hex #222580 is composed of 13.3% red, 14.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 71.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 238.1 degrees, a saturation of 58% and a lightness of 31.8%. #222580 color hex could be obtained by blending #444aff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 15
- B 50
RGB color chart
- C 73
- M 71
- Y 0
- K 50
CMYK color chart

● #222580 color description : Dark blue.

The hexadecimal color #222580 has RGB values of R:34, G:37, B:128 and CMYK values of C:0.73, M:0.71, Y:0, K:0.5. Its decimal value is 2237824.

Hex triplet	222580	`#222580`
RGB Decimal	34, 37, 128	`rgb(34,37,128)`
RGB Percent	13.3, 14.5, 50.2	`rgb(13.3%,14.5%,50.2%)`
CMYK	73, 71, 0, 50
HSL	238.1°, 58, 31.8	`hsl(238.1,58%,31.8%)`
HSV (or HSB)	238.1°, 73.4, 50.2
Web Safe	333399	`#333399`

CIE-LAB	20.91, 30.923, -51.488
XYZ	5.217, 3.221, 20.768
xyY	0.179, 0.11, 3.221
CIE-LCH	20.91, 60.061, 300.988
CIE-LUV	20.91, -4.813, -59.273
Hunter-Lab	17.948, 20.472, -56.04
Binary	00100010, 00100101, 10000000

#222580
```
#222580 rgb(34,37,128)
```
#807d22
```
#807d22 rgb(128,125,34)
```

Complementary Color

#225480
```
#225480 rgb(34,84,128)
```
#222580
```
#222580 rgb(34,37,128)
```
#4e2280
```
#4e2280 rgb(78,34,128)
```

Analogous Color

#548022
```
#548022 rgb(84,128,34)
```
#222580
```
#222580 rgb(34,37,128)
```
#804e22
```
#804e22 rgb(128,78,34)
```

Split Complementary Color

#258022
```
#258022 rgb(37,128,34)
```
#222580
```
#222580 rgb(34,37,128)
```
#802225
```
#802225 rgb(128,34,37)
```

Triadic Color

#22807d
```
#22807d rgb(34,128,125)
```
#222580
```
#222580 rgb(34,37,128)
```
#802225
```
#802225 rgb(128,34,37)
```
#807d22
```
#807d22 rgb(128,125,34)
```

Tetradic Color

#121444
```
#121444 rgb(18,20,68)
```
#171958
```
#171958 rgb(23,25,88)
```
#1d1f6c
```
#1d1f6c rgb(29,31,108)
```
#222580
```
#222580 rgb(34,37,128)
```
#272b94
```
#272b94 rgb(39,43,148)
```
#2d31a8
```
#2d31a8 rgb(45,49,168)
```
#3236bc
```
#3236bc rgb(50,54,188)
```

Monochromatic Color

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

#223d80
```
#223d80 rgb(34,61,128)
```
#223580
```
#223580 rgb(34,53,128)
```
#222d80
```
#222d80 rgb(34,45,128)
```
#222580
```
#222580 rgb(34,37,128)
```
#272280
```
#272280 rgb(39,34,128)
```
#2f2280
```
#2f2280 rgb(47,34,128)
```
#372280
```
#372280 rgb(55,34,128)
```

Similar Colors

Text with hexadecimal color #222580

This text has a font color of #222580.

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

#222580 background color

This paragraph has a background color of #222580.

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

#222580 border color

This element has a border color of #222580.

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

CSS codes

.text {color:#222580;}

.background {background-color:#222580;}

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

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

#010104
```
#010104 rgb(1,1,4)
```
#050614
```
#050614 rgb(5,6,20)
```
#090a23
```
#090a23 rgb(9,10,35)
```
#0d0f33
```
#0d0f33 rgb(13,15,51)
```
#121342
```
#121342 rgb(18,19,66)
```
#161852
```
#161852 rgb(22,24,82)
```
#1a1c61
```
#1a1c61 rgb(26,28,97)
```
#1e2171
```
#1e2171 rgb(30,33,113)
```
#222580
```
#222580 rgb(34,37,128)
```
#26298f
```
#26298f rgb(38,41,143)
```
#2a2e9f
```
#2a2e9f rgb(42,46,159)
```
#2e32ae
```
#2e32ae rgb(46,50,174)
```
#3237be
```
#3237be rgb(50,55,190)
```

Shade Color Variation

#3a3ecb
```
#3a3ecb rgb(58,62,203)
```
#494dcf
```
#494dcf rgb(73,77,207)
```
#595cd3
```
#595cd3 rgb(89,92,211)
```
#686cd7
```
#686cd7 rgb(104,108,215)
```
#787bdb
```
#787bdb rgb(120,123,219)
```
#878adf
```
#878adf rgb(135,138,223)
```
#9799e3
```
#9799e3 rgb(151,153,227)
```
#a6a8e7
```
#a6a8e7 rgb(166,168,231)
```
#b6b7eb
```
#b6b7eb rgb(182,183,235)
```
#c5c6f0
```
#c5c6f0 rgb(197,198,240)
```
#d5d6f4
```
#d5d6f4 rgb(213,214,244)
```
#e4e5f8
```
#e4e5f8 rgb(228,229,248)
```
#f4f4fc
```
#f4f4fc rgb(244,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4e54 is the less saturated color, while #03089f is the most saturated one.

#4e4e54
```
#4e4e54 rgb(78,78,84)
```
#47485b
```
#47485b rgb(71,72,91)
```
#414261
```
#414261 rgb(65,66,97)
```
#3b3c67
```
#3b3c67 rgb(59,60,103)
```
#35366d
```
#35366d rgb(53,54,109)
```
#2e3174
```
#2e3174 rgb(46,49,116)
```
#282b7a
```
#282b7a rgb(40,43,122)
```
#222580
```
#222580 rgb(34,37,128)
```
#1c1f86
```
#1c1f86 rgb(28,31,134)
```
#16198c
```
#16198c rgb(22,25,140)
```
#0f1493
```
#0f1493 rgb(15,20,147)
```
#090e99
```
#090e99 rgb(9,14,153)
```
#03089f
```
#03089f rgb(3,8,159)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2c2c3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003e64 Deuteranopia 1% of men
#004246 Tritanopia 0.001% of the population

Trichromacy

#0c3377 Protanomaly 1% of men, 0.01% of women
#0c356e Deuteranomaly 6% of men, 0.4% of women
#0c385b Tritanomaly 0.01% of the population

#222580 hex color

#222580 Color Information

#222580 Color Conversion

Color Schemes with #222580

Alternatives to #222580

#222580 Preview

Shades and Tints of #222580

Tones of #222580

Color Blindness Simulator