#1f2ff4 hex color

In a RGB color space, hex #1f2ff4 is composed of 12.2% red, 18.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 80.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 235.5 degrees, a saturation of 90.6% and a lightness of 53.9%. #1f2ff4 color hex could be obtained by blending #3e5eff with #0000e9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 18
- B 96
RGB color chart
- C 87
- M 81
- Y 0
- K 4
CMYK color chart

● #1f2ff4 color description : Vivid blue.

The hexadecimal color #1f2ff4 has RGB values of R:31, G:47, B:244 and CMYK values of C:0.87, M:0.81, Y:0, K:0.04. Its decimal value is 2043892.

Hex triplet	1f2ff4	`#1f2ff4`
RGB Decimal	31, 47, 244	`rgb(31,47,244)`
RGB Percent	12.2, 18.4, 95.7	`rgb(12.2%,18.4%,95.7%)`
CMYK	87, 81, 0, 4
HSL	235.5°, 90.6, 53.9	`hsl(235.5,90.6%,53.9%)`
HSV (or HSB)	235.5°, 87.3, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.703, 63.781, -95.98
XYZ	17.907, 8.855, 86.348
xyY	0.158, 0.078, 8.855
CIE-LCH	35.703, 115.24, 303.605
CIE-LUV	35.703, -10.692, -127.108
Hunter-Lab	29.757, 55.346, -151.218
Binary	00011111, 00101111, 11110100

#1f2ff4
```
#1f2ff4 rgb(31,47,244)
```
#f4e41f
```
#f4e41f rgb(244,228,31)
```

Complementary Color

#1f9af4
```
#1f9af4 rgb(31,154,244)
```
#1f2ff4
```
#1f2ff4 rgb(31,47,244)
```
#7a1ff4
```
#7a1ff4 rgb(122,31,244)
```

Analogous Color

#9af41f
```
#9af41f rgb(154,244,31)
```
#1f2ff4
```
#1f2ff4 rgb(31,47,244)
```
#f47a1f
```
#f47a1f rgb(244,122,31)
```

Split Complementary Color

#2ff41f
```
#2ff41f rgb(47,244,31)
```
#1f2ff4
```
#1f2ff4 rgb(31,47,244)
```
#f41f2f
```
#f41f2f rgb(244,31,47)
```

Triadic Color

#1ff4e4
```
#1ff4e4 rgb(31,244,228)
```
#1f2ff4
```
#1f2ff4 rgb(31,47,244)
```
#f41f2f
```
#f41f2f rgb(244,31,47)
```
#f4e41f
```
#f4e41f rgb(244,228,31)
```

Tetradic Color

#0917bd
```
#0917bd rgb(9,23,189)
```
#0a1ad6
```
#0a1ad6 rgb(10,26,214)
```
#0c1dee
```
#0c1dee rgb(12,29,238)
```
#1f2ff4
```
#1f2ff4 rgb(31,47,244)
```
#3746f5
```
#3746f5 rgb(55,70,245)
```
#505cf6
```
#505cf6 rgb(80,92,246)
```
#6873f8
```
#6873f8 rgb(104,115,248)
```

Monochromatic Color

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

#1f64f4
```
#1f64f4 rgb(31,100,244)
```
#1f53f4
```
#1f53f4 rgb(31,83,244)
```
#1f41f4
```
#1f41f4 rgb(31,65,244)
```
#1f2ff4
```
#1f2ff4 rgb(31,47,244)
```
#211ff4
```
#211ff4 rgb(33,31,244)
```
#331ff4
```
#331ff4 rgb(51,31,244)
```
#441ff4
```
#441ff4 rgb(68,31,244)
```

Similar Colors

Text with hexadecimal color #1f2ff4

This text has a font color of #1f2ff4.

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

#1f2ff4 background color

This paragraph has a background color of #1f2ff4.

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

#1f2ff4 border color

This element has a border color of #1f2ff4.

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

CSS codes

.text {color:#1f2ff4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010213
```
#010213 rgb(1,2,19)
```
#020526
```
#020526 rgb(2,5,38)
```
#030738
```
#030738 rgb(3,7,56)
```
#04094b
```
#04094b rgb(4,9,75)
```
#050b5e
```
#050b5e rgb(5,11,94)
```
#060e71
```
#060e71 rgb(6,14,113)
```
#061083
```
#061083 rgb(6,16,131)
```
#071296
```
#071296 rgb(7,18,150)
```
#0814a9
```
#0814a9 rgb(8,20,169)
```
#0917bb
```
#0917bb rgb(9,23,187)
```
#0a19ce
```
#0a19ce rgb(10,25,206)
```
#0b1be1
```
#0b1be1 rgb(11,27,225)
```

Shade Color Variation

#0c1ef3
```
#0c1ef3 rgb(12,30,243)
```
#1f2ff4
```
#1f2ff4 rgb(31,47,244)
```
#3240f5
```
#3240f5 rgb(50,64,245)
```
#4452f6
```
#4452f6 rgb(68,82,246)
```
#5763f7
```
#5763f7 rgb(87,99,247)
```
#6a74f8
```
#6a74f8 rgb(106,116,248)
```
#7c86f9
```
#7c86f9 rgb(124,134,249)
```
#8f97fa
```
#8f97fa rgb(143,151,250)
```
#a2a9fa
```
#a2a9fa rgb(162,169,250)
```
#b5bafb
```
#b5bafb rgb(181,186,251)
```
#c7cbfc
```
#c7cbfc rgb(199,203,252)
```
#daddfd
```
#daddfd rgb(218,221,253)
```
#edeefe
```
#edeefe rgb(237,238,254)
```

Tint Color Variation

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

#828391
```
#828391 rgb(130,131,145)
```
#797c9a
```
#797c9a rgb(121,124,154)
```
#7074a3
```
#7074a3 rgb(112,116,163)
```
#676cac
```
#676cac rgb(103,108,172)
```
#5e65b5
```
#5e65b5 rgb(94,101,181)
```
#555dbe
```
#555dbe rgb(85,93,190)
```
#4c55c7
```
#4c55c7 rgb(76,85,199)
```
#434ed0
```
#434ed0 rgb(67,78,208)
```
#3a46d9
```
#3a46d9 rgb(58,70,217)
```
#313ee2
```
#313ee2 rgb(49,62,226)
```
#2837eb
```
#2837eb rgb(40,55,235)
```
#1f2ff4
```
#1f2ff4 rgb(31,47,244)
```
#1627fd
```
#1627fd rgb(22,39,253)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3a3d65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0b4ac8 Protanomaly 1% of men, 0.01% of women
#0b4db8 Deuteranomaly 6% of men, 0.4% of women
#0b529c Tritanomaly 0.01% of the population

#1f2ff4 hex color

#1f2ff4 Color Information

#1f2ff4 Color Conversion

Color Schemes with #1f2ff4

Alternatives to #1f2ff4

#1f2ff4 Preview

Shades and Tints of #1f2ff4

Tones of #1f2ff4

Color Blindness Simulator