#1f04f2 hex color

In a RGB color space, hex #1f04f2 is composed of 12.2% red, 1.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 98.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 246.8 degrees, a saturation of 96.7% and a lightness of 48.2%. #1f04f2 color hex could be obtained by blending #3e08ff with #0000e5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 12
- G 2
- B 95
RGB color chart
- C 87
- M 98
- Y 0
- K 5
CMYK color chart

● #1f04f2 color description : Vivid blue.

The hexadecimal color #1f04f2 has RGB values of R:31, G:4, B:242 and CMYK values of C:0.87, M:0.98, Y:0, K:0.05. Its decimal value is 2032882.

Hex triplet	1f04f2	`#1f04f2`
RGB Decimal	31, 4, 242	`rgb(31,4,242)`
RGB Percent	12.2, 1.6, 94.9	`rgb(12.2%,1.6%,94.9%)`
CMYK	87, 98, 0, 5
HSL	246.8°, 96.7, 48.2	`hsl(246.8,96.7%,48.2%)`
HSV (or HSB)	246.8°, 98.3, 94.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.319, 75.707, -102.16
XYZ	16.632, 6.788, 84.433
xyY	0.154, 0.063, 6.788
CIE-LCH	31.319, 127.155, 306.541
CIE-LUV	31.319, -7.685, -123.774
Hunter-Lab	26.053, 68.361, -173.909
Binary	00011111, 00000100, 11110010

#1f04f2
```
#1f04f2 rgb(31,4,242)
```
#d7f204
```
#d7f204 rgb(215,242,4)
```

Complementary Color

#0460f2
```
#0460f2 rgb(4,96,242)
```
#1f04f2
```
#1f04f2 rgb(31,4,242)
```
#9604f2
```
#9604f2 rgb(150,4,242)
```

Analogous Color

#60f204
```
#60f204 rgb(96,242,4)
```
#1f04f2
```
#1f04f2 rgb(31,4,242)
```
#f29604
```
#f29604 rgb(242,150,4)
```

Split Complementary Color

#04f21f
```
#04f21f rgb(4,242,31)
```
#1f04f2
```
#1f04f2 rgb(31,4,242)
```
#f21f04
```
#f21f04 rgb(242,31,4)
```

Triadic Color

#04d7f2
```
#04d7f2 rgb(4,215,242)
```
#1f04f2
```
#1f04f2 rgb(31,4,242)
```
#f21f04
```
#f21f04 rgb(242,31,4)
```
#d7f204
```
#d7f204 rgb(215,242,4)
```

Tetradic Color

#1503a7
```
#1503a7 rgb(21,3,167)
```
#1903c0
```
#1903c0 rgb(25,3,192)
```
#1c04d9
```
#1c04d9 rgb(28,4,217)
```
#1f04f2
```
#1f04f2 rgb(31,4,242)
```
#2f14fb
```
#2f14fb rgb(47,20,251)
```
#452dfc
```
#452dfc rgb(69,45,252)
```
#5b47fc
```
#5b47fc rgb(91,71,252)
```

Monochromatic Color

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

#0424f2
```
#0424f2 rgb(4,36,242)
```
#0411f2
```
#0411f2 rgb(4,17,242)
```
#0b04f2
```
#0b04f2 rgb(11,4,242)
```
#1f04f2
```
#1f04f2 rgb(31,4,242)
```
#3304f2
```
#3304f2 rgb(51,4,242)
```
#4704f2
```
#4704f2 rgb(71,4,242)
```
#5a04f2
```
#5a04f2 rgb(90,4,242)
```

Similar Colors

Text with hexadecimal color #1f04f2

This text has a font color of #1f04f2.

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

#1f04f2 background color

This paragraph has a background color of #1f04f2.

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

#1f04f2 border color

This element has a border color of #1f04f2.

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

CSS codes

.text {color:#1f04f2;}

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

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

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, #01000a is the darkest color, while #f7f6ff is the lightest one.

#01000a
```
#01000a rgb(1,0,10)
```
#04001e
```
#04001e rgb(4,0,30)
```
#060131
```
#060131 rgb(6,1,49)
```
#090144
```
#090144 rgb(9,1,68)
```
#0b0158
```
#0b0158 rgb(11,1,88)
```
#0e026b
```
#0e026b rgb(14,2,107)
```
#10027e
```
#10027e rgb(16,2,126)
```
#130292
```
#130292 rgb(19,2,146)
```
#1503a5
```
#1503a5 rgb(21,3,165)
```
#1803b8
```
#1803b8 rgb(24,3,184)
```
#1a03cb
```
#1a03cb rgb(26,3,203)
```
#1d04df
```
#1d04df rgb(29,4,223)
```
#1f04f2
```
#1f04f2 rgb(31,4,242)
```

Shade Color Variation

#290ffb
```
#290ffb rgb(41,15,251)
```
#3b22fb
```
#3b22fb rgb(59,34,251)
```
#4c35fc
```
#4c35fc rgb(76,53,252)
```
#5d48fc
```
#5d48fc rgb(93,72,252)
```
#6e5cfc
```
#6e5cfc rgb(110,92,252)
```
#7f6ffd
```
#7f6ffd rgb(127,111,253)
```
#9082fd
```
#9082fd rgb(144,130,253)
```
#a196fd
```
#a196fd rgb(161,150,253)
```
#b3a9fe
```
#b3a9fe rgb(179,169,254)
```
#c4bcfe
```
#c4bcfe rgb(196,188,254)
```
#d5d0fe
```
#d5d0fe rgb(213,208,254)
```
#e6e3ff
```
#e6e3ff rgb(230,227,255)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#777680
```
#777680 rgb(119,118,128)
```
#6f6c8a
```
#6f6c8a rgb(111,108,138)
```
#686393
```
#686393 rgb(104,99,147)
```
#61599d
```
#61599d rgb(97,89,157)
```
#5a50a6
```
#5a50a6 rgb(90,80,166)
```
#5246b0
```
#5246b0 rgb(82,70,176)
```
#4b3db9
```
#4b3db9 rgb(75,61,185)
```
#4433c3
```
#4433c3 rgb(68,51,195)
```
#3c2acc
```
#3c2acc rgb(60,42,204)
```
#3520d6
```
#3520d6 rgb(53,32,214)
```
#2e17df
```
#2e17df rgb(46,23,223)
```
#260de9
```
#260de9 rgb(38,13,233)
```
#1f04f2
```
#1f04f2 rgb(31,4,242)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#252050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0b34bb Protanomaly 1% of men, 0.01% of women
#0b37ad Deuteranomaly 6% of men, 0.4% of women
#0b3b94 Tritanomaly 0.01% of the population

#1f04f2 hex color

#1f04f2 Color Information

#1f04f2 Color Conversion

Color Schemes with #1f04f2

Alternatives to #1f04f2

#1f04f2 Preview

Shades and Tints of #1f04f2

Tones of #1f04f2

Color Blindness Simulator