#222f80 hex color

In a RGB color space, hex #222f80 is composed of 13.3% red, 18.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 63.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 231.7 degrees, a saturation of 58% and a lightness of 31.8%. #222f80 color hex could be obtained by blending #445eff with #000001. Closest websafe color is: #333399.

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

● #222f80 color description : Dark blue.

The hexadecimal color #222f80 has RGB values of R:34, G:47, B:128 and CMYK values of C:0.73, M:0.63, Y:0, K:0.5. Its decimal value is 2240384.

Hex triplet	222f80	`#222f80`
RGB Decimal	34, 47, 128	`rgb(34,47,128)`
RGB Percent	13.3, 18.4, 50.2	`rgb(13.3%,18.4%,50.2%)`
CMYK	73, 63, 0, 50
HSL	231.7°, 58, 31.8	`hsl(231.7,58%,31.8%)`
HSV (or HSB)	231.7°, 73.4, 50.2
Web Safe	333399	`#333399`

CIE-LAB	23.443, 24.219, -47.339
XYZ	5.572, 3.931, 20.886
xyY	0.183, 0.129, 3.931
CIE-LCH	23.443, 53.175, 297.094
CIE-LUV	23.443, -6.896, -57.958
Hunter-Lab	19.827, 15.462, -48.576
Binary	00100010, 00101111, 10000000

#222f80
```
#222f80 rgb(34,47,128)
```
#807322
```
#807322 rgb(128,115,34)
```

Complementary Color

#225e80
```
#225e80 rgb(34,94,128)
```
#222f80
```
#222f80 rgb(34,47,128)
```
#442280
```
#442280 rgb(68,34,128)
```

Analogous Color

#5e8022
```
#5e8022 rgb(94,128,34)
```
#222f80
```
#222f80 rgb(34,47,128)
```
#804422
```
#804422 rgb(128,68,34)
```

Split Complementary Color

#2f8022
```
#2f8022 rgb(47,128,34)
```
#222f80
```
#222f80 rgb(34,47,128)
```
#80222f
```
#80222f rgb(128,34,47)
```

Triadic Color

#228073
```
#228073 rgb(34,128,115)
```
#222f80
```
#222f80 rgb(34,47,128)
```
#80222f
```
#80222f rgb(128,34,47)
```
#807322
```
#807322 rgb(128,115,34)
```

Tetradic Color

#121944
```
#121944 rgb(18,25,68)
```
#172058
```
#172058 rgb(23,32,88)
```
#1d286c
```
#1d286c rgb(29,40,108)
```
#222f80
```
#222f80 rgb(34,47,128)
```
#273694
```
#273694 rgb(39,54,148)
```
#2d3ea8
```
#2d3ea8 rgb(45,62,168)
```
#3245bc
```
#3245bc rgb(50,69,188)
```

Monochromatic Color

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

#224780
```
#224780 rgb(34,71,128)
```
#223f80
```
#223f80 rgb(34,63,128)
```
#223780
```
#223780 rgb(34,55,128)
```
#222f80
```
#222f80 rgb(34,47,128)
```
#222780
```
#222780 rgb(34,39,128)
```
#252280
```
#252280 rgb(37,34,128)
```
#2c2280
```
#2c2280 rgb(44,34,128)
```

Similar Colors

Text with hexadecimal color #222f80

This text has a font color of #222f80.

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

#222f80 background color

This paragraph has a background color of #222f80.

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

#222f80 border color

This element has a border color of #222f80.

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

CSS codes

.text {color:#222f80;}

.background {background-color:#222f80;}

.border {border:1px solid #222f80;}

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 #f4f5fc is the lightest one.

#010104
```
#010104 rgb(1,1,4)
```
#050714
```
#050714 rgb(5,7,20)
```
#090d23
```
#090d23 rgb(9,13,35)
```
#0d1333
```
#0d1333 rgb(13,19,51)
```
#121842
```
#121842 rgb(18,24,66)
```
#161e52
```
#161e52 rgb(22,30,82)
```
#1a2461
```
#1a2461 rgb(26,36,97)
```
#1e2971
```
#1e2971 rgb(30,41,113)
```
#222f80
```
#222f80 rgb(34,47,128)
```
#26358f
```
#26358f rgb(38,53,143)
```
#2a3a9f
```
#2a3a9f rgb(42,58,159)
```
#2e40ae
```
#2e40ae rgb(46,64,174)
```
#3246be
```
#3246be rgb(50,70,190)
```

Shade Color Variation

#3a4ecb
```
#3a4ecb rgb(58,78,203)
```
#495ccf
```
#495ccf rgb(73,92,207)
```
#5969d3
```
#5969d3 rgb(89,105,211)
```
#6877d7
```
#6877d7 rgb(104,119,215)
```
#7885db
```
#7885db rgb(120,133,219)
```
#8793df
```
#8793df rgb(135,147,223)
```
#97a1e3
```
#97a1e3 rgb(151,161,227)
```
#a6afe7
```
#a6afe7 rgb(166,175,231)
```
#b6bdeb
```
#b6bdeb rgb(182,189,235)
```
#c5cbf0
```
#c5cbf0 rgb(197,203,240)
```
#d5d9f4
```
#d5d9f4 rgb(213,217,244)
```
#e4e7f8
```
#e4e7f8 rgb(228,231,248)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```

Tint Color Variation

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

#4e4f54
```
#4e4f54 rgb(78,79,84)
```
#474a5b
```
#474a5b rgb(71,74,91)
```
#414661
```
#414661 rgb(65,70,97)
```
#3b4167
```
#3b4167 rgb(59,65,103)
```
#353d6d
```
#353d6d rgb(53,61,109)
```
#2e3874
```
#2e3874 rgb(46,56,116)
```
#28347a
```
#28347a rgb(40,52,122)
```
#222f80
```
#222f80 rgb(34,47,128)
```
#1c2a86
```
#1c2a86 rgb(28,42,134)
```
#16268c
```
#16268c rgb(22,38,140)
```
#0f2193
```
#0f2193 rgb(15,33,147)
```
#091d99
```
#091d99 rgb(9,29,153)
```
#03189f
```
#03189f rgb(3,24,159)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#303343 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00436d Deuteranopia 1% of men
#00484d Tritanopia 0.001% of the population

Trichromacy

#0c397e Protanomaly 1% of men, 0.01% of women
#0c3c74 Deuteranomaly 6% of men, 0.4% of women
#0c3f5f Tritanomaly 0.01% of the population

#222f80 hex color

#222f80 Color Information

#222f80 Color Conversion

Color Schemes with #222f80

Alternatives to #222f80

#222f80 Preview

Shades and Tints of #222f80

Tones of #222f80

Color Blindness Simulator