#1f22ba hex color

In a RGB color space, hex #1f22ba is composed of 12.2% red, 13.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 81.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 238.8 degrees, a saturation of 71.4% and a lightness of 42.5%. #1f22ba color hex could be obtained by blending #3e44ff with #000075. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 13
- B 73
RGB color chart
- C 83
- M 82
- Y 0
- K 27
CMYK color chart

● #1f22ba color description : Strong blue.

The hexadecimal color #1f22ba has RGB values of R:31, G:34, B:186 and CMYK values of C:0.83, M:0.82, Y:0, K:0.27. Its decimal value is 2040506.

Hex triplet	1f22ba	`#1f22ba`
RGB Decimal	31, 34, 186	`rgb(31,34,186)`
RGB Percent	12.2, 13.3, 72.9	`rgb(12.2%,13.3%,72.9%)`
CMYK	83, 82, 0, 27
HSL	238.8°, 71.4, 42.5	`hsl(238.8,71.4%,42.5%)`
HSV (or HSB)	238.8°, 83.3, 72.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	26.677, 52.075, -77.447
XYZ	9.998, 4.98, 46.886
xyY	0.162, 0.08, 4.98
CIE-LCH	26.677, 93.326, 303.917
CIE-LUV	26.677, -7.065, -93.448
Hunter-Lab	22.316, 40.923, -108.95
Binary	00011111, 00100010, 10111010

#1f22ba
```
#1f22ba rgb(31,34,186)
```
#bab71f
```
#bab71f rgb(186,183,31)
```

Complementary Color

#1f70ba
```
#1f70ba rgb(31,112,186)
```
#1f22ba
```
#1f22ba rgb(31,34,186)
```
#6a1fba
```
#6a1fba rgb(106,31,186)
```

Analogous Color

#70ba1f
```
#70ba1f rgb(112,186,31)
```
#1f22ba
```
#1f22ba rgb(31,34,186)
```
#ba6a1f
```
#ba6a1f rgb(186,106,31)
```

Split Complementary Color

#22ba1f
```
#22ba1f rgb(34,186,31)
```
#1f22ba
```
#1f22ba rgb(31,34,186)
```
#ba1f22
```
#ba1f22 rgb(186,31,34)
```

Triadic Color

#1fbab7
```
#1fbab7 rgb(31,186,183)
```
#1f22ba
```
#1f22ba rgb(31,34,186)
```
#ba1f22
```
#ba1f22 rgb(186,31,34)
```
#bab71f
```
#bab71f rgb(186,183,31)
```

Tetradic Color

#141678
```
#141678 rgb(20,22,120)
```
#181a8e
```
#181a8e rgb(24,26,142)
```
#1b1ea4
```
#1b1ea4 rgb(27,30,164)
```
#1f22ba
```
#1f22ba rgb(31,34,186)
```
#2326d0
```
#2326d0 rgb(35,38,208)
```
#3033dc
```
#3033dc rgb(48,51,220)
```
#4548e0
```
#4548e0 rgb(69,72,224)
```

Monochromatic Color

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

#1f49ba
```
#1f49ba rgb(31,73,186)
```
#1f3cba
```
#1f3cba rgb(31,60,186)
```
#1f2fba
```
#1f2fba rgb(31,47,186)
```
#1f22ba
```
#1f22ba rgb(31,34,186)
```
#291fba
```
#291fba rgb(41,31,186)
```
#361fba
```
#361fba rgb(54,31,186)
```
#431fba
```
#431fba rgb(67,31,186)
```

Similar Colors

Text with hexadecimal color #1f22ba

This text has a font color of #1f22ba.

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

#1f22ba background color

This paragraph has a background color of #1f22ba.

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

#1f22ba border color

This element has a border color of #1f22ba.

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

CSS codes

.text {color:#1f22ba;}

.background {background-color:#1f22ba;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030312
```
#030312 rgb(3,3,18)
```
#060623
```
#060623 rgb(6,6,35)
```
#090933
```
#090933 rgb(9,9,51)
```
#0b0c44
```
#0b0c44 rgb(11,12,68)
```
#0e1055
```
#0e1055 rgb(14,16,85)
```
#111366
```
#111366 rgb(17,19,102)
```
#141677
```
#141677 rgb(20,22,119)
```
#171988
```
#171988 rgb(23,25,136)
```
#191c98
```
#191c98 rgb(25,28,152)
```
#1c1fa9
```
#1c1fa9 rgb(28,31,169)
```
#1f22ba
```
#1f22ba rgb(31,34,186)
```
#2225cb
```
#2225cb rgb(34,37,203)
```

Shade Color Variation

#2529db
```
#2529db rgb(37,41,219)
```
#363ade
```
#363ade rgb(54,58,222)
```
#474ae0
```
#474ae0 rgb(71,74,224)
```
#585be3
```
#585be3 rgb(88,91,227)
```
#696be6
```
#696be6 rgb(105,107,230)
```
#7a7ce9
```
#7a7ce9 rgb(122,124,233)
```
#8a8cec
```
#8a8cec rgb(138,140,236)
```
#9b9dee
```
#9b9dee rgb(155,157,238)
```
#acadf1
```
#acadf1 rgb(172,173,241)
```
#bdbef4
```
#bdbef4 rgb(189,190,244)
```
#cecef7
```
#cecef7 rgb(206,206,247)
```
#dedffa
```
#dedffa rgb(222,223,250)
```
#efeffc
```
#efeffc rgb(239,239,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6a6f is the less saturated color, while #060ad3 is the most saturated one.

#6a6a6f
```
#6a6a6f rgb(106,106,111)
```
#626277
```
#626277 rgb(98,98,119)
```
#595a80
```
#595a80 rgb(89,90,128)
```
#515288
```
#515288 rgb(81,82,136)
```
#494a90
```
#494a90 rgb(73,74,144)
```
#404299
```
#404299 rgb(64,66,153)
```
#383aa1
```
#383aa1 rgb(56,58,161)
```
#3032a9
```
#3032a9 rgb(48,50,169)
```
#272ab2
```
#272ab2 rgb(39,42,178)
```
#1f22ba
```
#1f22ba rgb(31,34,186)
```
#171ac2
```
#171ac2 rgb(23,26,194)
```
#0e12cb
```
#0e12cb rgb(14,18,203)
```
#060ad3
```
#060ad3 rgb(6,10,211)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2e2f4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004789 Protanopia 1% of men
#004b77 Deuteranopia 1% of men
#005053 Tritanopia 0.001% of the population

Trichromacy

#0b399b Protanomaly 1% of men, 0.01% of women
#0b3c8f Deuteranomaly 6% of men, 0.4% of women
#0b3f79 Tritanomaly 0.01% of the population

#1f22ba hex color

#1f22ba Color Information

#1f22ba Color Conversion

Color Schemes with #1f22ba

Alternatives to #1f22ba

#1f22ba Preview

Shades and Tints of #1f22ba

Tones of #1f22ba

Color Blindness Simulator