#1f04e2 hex color

In a RGB color space, hex #1f04e2 is composed of 12.2% red, 1.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 98.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 247.3 degrees, a saturation of 96.5% and a lightness of 45.1%. #1f04e2 color hex could be obtained by blending #3e08ff with #0000c5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 12
- G 2
- B 89
RGB color chart
- C 86
- M 98
- Y 0
- K 11
CMYK color chart

● #1f04e2 color description : Vivid blue.

The hexadecimal color #1f04e2 has RGB values of R:31, G:4, B:226 and CMYK values of C:0.86, M:0.98, Y:0, K:0.11. Its decimal value is 2032866.

Hex triplet	1f04e2	`#1f04e2`
RGB Decimal	31, 4, 226	`rgb(31,4,226)`
RGB Percent	12.2, 1.6, 88.6	`rgb(12.2%,1.6%,88.6%)`
CMYK	86, 98, 0, 11
HSL	247.3°, 96.5, 45.1	`hsl(247.3,96.5%,45.1%)`
HSV (or HSB)	247.3°, 98.2, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.077, 71.839, -96.785
XYZ	14.333, 5.868, 72.325
xyY	0.155, 0.063, 5.868
CIE-LCH	29.077, 120.532, 306.585
CIE-LUV	29.077, -6.916, -114.516
Hunter-Lab	24.224, 63.225, -160.061
Binary	00011111, 00000100, 11100010

#1f04e2
```
#1f04e2 rgb(31,4,226)
```
#c7e204
```
#c7e204 rgb(199,226,4)
```

Complementary Color

#0458e2
```
#0458e2 rgb(4,88,226)
```
#1f04e2
```
#1f04e2 rgb(31,4,226)
```
#8e04e2
```
#8e04e2 rgb(142,4,226)
```

Analogous Color

#58e204
```
#58e204 rgb(88,226,4)
```
#1f04e2
```
#1f04e2 rgb(31,4,226)
```
#e28e04
```
#e28e04 rgb(226,142,4)
```

Split Complementary Color

#04e21f
```
#04e21f rgb(4,226,31)
```
#1f04e2
```
#1f04e2 rgb(31,4,226)
```
#e21f04
```
#e21f04 rgb(226,31,4)
```

Triadic Color

#04c7e2
```
#04c7e2 rgb(4,199,226)
```
#1f04e2
```
#1f04e2 rgb(31,4,226)
```
#e21f04
```
#e21f04 rgb(226,31,4)
```
#c7e204
```
#c7e204 rgb(199,226,4)
```

Tetradic Color

#150397
```
#150397 rgb(21,3,151)
```
#1803b0
```
#1803b0 rgb(24,3,176)
```
#1c04c9
```
#1c04c9 rgb(28,4,201)
```
#1f04e2
```
#1f04e2 rgb(31,4,226)
```
#2305fb
```
#2305fb rgb(35,5,251)
```
#391efb
```
#391efb rgb(57,30,251)
```
#4f37fb
```
#4f37fb rgb(79,55,251)
```

Monochromatic Color

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

#0420e2
```
#0420e2 rgb(4,32,226)
```
#040ee2
```
#040ee2 rgb(4,14,226)
```
#0d04e2
```
#0d04e2 rgb(13,4,226)
```
#1f04e2
```
#1f04e2 rgb(31,4,226)
```
#3204e2
```
#3204e2 rgb(50,4,226)
```
#4404e2
```
#4404e2 rgb(68,4,226)
```
#5604e2
```
#5604e2 rgb(86,4,226)
```

Similar Colors

Text with hexadecimal color #1f04e2

This text has a font color of #1f04e2.

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

#1f04e2 background color

This paragraph has a background color of #1f04e2.

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

#1f04e2 border color

This element has a border color of #1f04e2.

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

CSS codes

.text {color:#1f04e2;}

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

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

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, #02000e is the darkest color, while #fafaff is the lightest one.

#02000e
```
#02000e rgb(2,0,14)
```
#050121
```
#050121 rgb(5,1,33)
```
#070135
```
#070135 rgb(7,1,53)
```
#0a0148
```
#0a0148 rgb(10,1,72)
```
#0c025b
```
#0c025b rgb(12,2,91)
```
#0f026e
```
#0f026e rgb(15,2,110)
```
#120282
```
#120282 rgb(18,2,130)
```
#140395
```
#140395 rgb(20,3,149)
```
#1703a8
```
#1703a8 rgb(23,3,168)
```
#1a03bb
```
#1a03bb rgb(26,3,187)
```
#1c04cf
```
#1c04cf rgb(28,4,207)
```
#1f04e2
```
#1f04e2 rgb(31,4,226)
```
#2204f5
```
#2204f5 rgb(34,4,245)
```

Shade Color Variation

#2f12fb
```
#2f12fb rgb(47,18,251)
```
#4026fb
```
#4026fb rgb(64,38,251)
```
#5139fb
```
#5139fb rgb(81,57,251)
```
#624cfc
```
#624cfc rgb(98,76,252)
```
#7360fc
```
#7360fc rgb(115,96,252)
```
#8473fd
```
#8473fd rgb(132,115,253)
```
#9586fd
```
#9586fd rgb(149,134,253)
```
#a599fd
```
#a599fd rgb(165,153,253)
```
#b6adfe
```
#b6adfe rgb(182,173,254)
```
#c7c0fe
```
#c7c0fe rgb(199,192,254)
```
#d8d3fe
```
#d8d3fe rgb(216,211,254)
```
#e9e6ff
```
#e9e6ff rgb(233,230,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#6f6e78
```
#6f6e78 rgb(111,110,120)
```
#696581
```
#696581 rgb(105,101,129)
```
#625c8a
```
#625c8a rgb(98,92,138)
```
#5b5492
```
#5b5492 rgb(91,84,146)
```
#554b9b
```
#554b9b rgb(85,75,155)
```
#4e42a4
```
#4e42a4 rgb(78,66,164)
```
#4739ad
```
#4739ad rgb(71,57,173)
```
#4030b6
```
#4030b6 rgb(64,48,182)
```
#3a27bf
```
#3a27bf rgb(58,39,191)
```
#331fc7
```
#331fc7 rgb(51,31,199)
```
#2c16d0
```
#2c16d0 rgb(44,22,208)
```
#260dd9
```
#260dd9 rgb(38,13,217)
```
#1f04e2
```
#1f04e2 rgb(31,4,226)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#241e4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c93 Protanopia 1% of men
#00507e Deuteranopia 1% of men
#005659 Tritanopia 0.001% of the population

Trichromacy

#0b31af Protanomaly 1% of men, 0.01% of women
#0b34a2 Deuteranomaly 6% of men, 0.4% of women
#0b388b Tritanomaly 0.01% of the population

#1f04e2 hex color

#1f04e2 Color Information

#1f04e2 Color Conversion

Color Schemes with #1f04e2

Alternatives to #1f04e2

#1f04e2 Preview

Shades and Tints of #1f04e2

Tones of #1f04e2

Color Blindness Simulator