#1f22dd hex color

In a RGB color space, hex #1f22dd is composed of 12.2% red, 13.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 84.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 239.1 degrees, a saturation of 75.4% and a lightness of 49.4%. #1f22dd color hex could be obtained by blending #3e44ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 13
- B 87
RGB color chart
- C 86
- M 85
- Y 0
- K 13
CMYK color chart

● #1f22dd color description : Vivid blue.

The hexadecimal color #1f22dd has RGB values of R:31, G:34, B:221 and CMYK values of C:0.86, M:0.85, Y:0, K:0.13. Its decimal value is 2040541.

Hex triplet	1f22dd	`#1f22dd`
RGB Decimal	31, 34, 221	`rgb(31,34,221)`
RGB Percent	12.2, 13.3, 86.7	`rgb(12.2%,13.3%,86.7%)`
CMYK	86, 85, 0, 13
HSL	239.1°, 75.4, 49.4	`hsl(239.1,75.4%,49.4%)`
HSV (or HSB)	239.1°, 86, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.008, 62.601, -90.69
XYZ	14.186, 6.655, 68.939
xyY	0.158, 0.074, 6.655
CIE-LCH	31.008, 110.198, 304.616
CIE-LUV	31.008, -8.455, -113.534
Hunter-Lab	25.797, 53.012, -140.389
Binary	00011111, 00100010, 11011101

#1f22dd
```
#1f22dd rgb(31,34,221)
```
#ddda1f
```
#ddda1f rgb(221,218,31)
```

Complementary Color

#1f81dd
```
#1f81dd rgb(31,129,221)
```
#1f22dd
```
#1f22dd rgb(31,34,221)
```
#7b1fdd
```
#7b1fdd rgb(123,31,221)
```

Analogous Color

#81dd1f
```
#81dd1f rgb(129,221,31)
```
#1f22dd
```
#1f22dd rgb(31,34,221)
```
#dd7b1f
```
#dd7b1f rgb(221,123,31)
```

Split Complementary Color

#22dd1f
```
#22dd1f rgb(34,221,31)
```
#1f22dd
```
#1f22dd rgb(31,34,221)
```
#dd1f22
```
#dd1f22 rgb(221,31,34)
```

Triadic Color

#1fddda
```
#1fddda rgb(31,221,218)
```
#1f22dd
```
#1f22dd rgb(31,34,221)
```
#dd1f22
```
#dd1f22 rgb(221,31,34)
```
#ddda1f
```
#ddda1f rgb(221,218,31)
```

Tetradic Color

#16189a
```
#16189a rgb(22,24,154)
```
#191bb0
```
#191bb0 rgb(25,27,176)
```
#1c1fc7
```
#1c1fc7 rgb(28,31,199)
```
#1f22dd
```
#1f22dd rgb(31,34,221)
```
#3336e2
```
#3336e2 rgb(51,54,226)
```
#494ce6
```
#494ce6 rgb(73,76,230)
```
#6062e9
```
#6062e9 rgb(96,98,233)
```

Monochromatic Color

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

#1f52dd
```
#1f52dd rgb(31,82,221)
```
#1f42dd
```
#1f42dd rgb(31,66,221)
```
#1f32dd
```
#1f32dd rgb(31,50,221)
```
#1f22dd
```
#1f22dd rgb(31,34,221)
```
#2c1fdd
```
#2c1fdd rgb(44,31,221)
```
#3c1fdd
```
#3c1fdd rgb(60,31,221)
```
#4c1fdd
```
#4c1fdd rgb(76,31,221)
```

Similar Colors

Text with hexadecimal color #1f22dd

This text has a font color of #1f22dd.

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

#1f22dd background color

This paragraph has a background color of #1f22dd.

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

#1f22dd border color

This element has a border color of #1f22dd.

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

CSS codes

.text {color:#1f22dd;}

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

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

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, #02020f is the darkest color, while #fcfcff is the lightest one.

#02020f
```
#02020f rgb(2,2,15)
```
#040520
```
#040520 rgb(4,5,32)
```
#070831
```
#070831 rgb(7,8,49)
```
#090a42
```
#090a42 rgb(9,10,66)
```
#0c0d53
```
#0c0d53 rgb(12,13,83)
```
#0e0f65
```
#0e0f65 rgb(14,15,101)
```
#111276
```
#111276 rgb(17,18,118)
```
#131587
```
#131587 rgb(19,21,135)
```
#151798
```
#151798 rgb(21,23,152)
```
#181aa9
```
#181aa9 rgb(24,26,169)
```
#1a1dbb
```
#1a1dbb rgb(26,29,187)
```
#1d1fcc
```
#1d1fcc rgb(29,31,204)
```
#1f22dd
```
#1f22dd rgb(31,34,221)
```

Shade Color Variation

#2e31e2
```
#2e31e2 rgb(46,49,226)
```
#3f42e4
```
#3f42e4 rgb(63,66,228)
```
#5053e7
```
#5053e7 rgb(80,83,231)
```
#6264e9
```
#6264e9 rgb(98,100,233)
```
#7375eb
```
#7375eb rgb(115,117,235)
```
#8486ee
```
#8486ee rgb(132,134,238)
```
#9597f0
```
#9597f0 rgb(149,151,240)
```
#a6a8f3
```
#a6a8f3 rgb(166,168,243)
```
#b8b9f5
```
#b8b9f5 rgb(184,185,245)
```
#c9c9f7
```
#c9c9f7 rgb(201,201,247)
```
#dadafa
```
#dadafa rgb(218,218,250)
```
#ebebfc
```
#ebebfc rgb(235,235,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#767686
```
#767686 rgb(118,118,134)
```
#6d6d8f
```
#6d6d8f rgb(109,109,143)
```
#636499
```
#636499 rgb(99,100,153)
```
#595aa3
```
#595aa3 rgb(89,90,163)
```
#4f51ad
```
#4f51ad rgb(79,81,173)
```
#4648b6
```
#4648b6 rgb(70,72,182)
```
#3c3ec0
```
#3c3ec0 rgb(60,62,192)
```
#3235ca
```
#3235ca rgb(50,53,202)
```
#292bd3
```
#292bd3 rgb(41,43,211)
```
#1f22dd
```
#1f22dd rgb(31,34,221)
```
#1519e7
```
#1519e7 rgb(21,25,231)
```
#0c0ff0
```
#0c0ff0 rgb(12,15,240)
```
#0206fa
```
#0206fa rgb(2,6,250)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#313257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0b3fb3 Protanomaly 1% of men, 0.01% of women
#0b42a5 Deuteranomaly 6% of men, 0.4% of women
#0b468c Tritanomaly 0.01% of the population

#1f22dd hex color

#1f22dd Color Information

#1f22dd Color Conversion

Color Schemes with #1f22dd

Alternatives to #1f22dd

#1f22dd Preview

Shades and Tints of #1f22dd

Tones of #1f22dd

Color Blindness Simulator