#1f25f4 hex color

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

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

● #1f25f4 color description : Vivid blue.

The hexadecimal color #1f25f4 has RGB values of R:31, G:37, B:244 and CMYK values of C:0.87, M:0.85, Y:0, K:0.04. Its decimal value is 2041332.

Hex triplet	1f25f4	`#1f25f4`
RGB Decimal	31, 37, 244	`rgb(31,37,244)`
RGB Percent	12.2, 14.5, 95.7	`rgb(12.2%,14.5%,95.7%)`
CMYK	87, 85, 0, 4
HSL	238.3°, 90.6, 53.9	`hsl(238.3,90.6%,53.9%)`
HSV (or HSB)	238.3°, 87.3, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.283, 67.997, -98.345
XYZ	17.553, 8.145, 86.23
xyY	0.157, 0.073, 8.145
CIE-LCH	34.283, 119.563, 304.661
CIE-LUV	34.283, -9.634, -126.727
Hunter-Lab	28.539, 59.84, -159.166
Binary	00011111, 00100101, 11110100

#1f25f4
```
#1f25f4 rgb(31,37,244)
```
#f4ee1f
```
#f4ee1f rgb(244,238,31)
```

Complementary Color

#1f90f4
```
#1f90f4 rgb(31,144,244)
```
#1f25f4
```
#1f25f4 rgb(31,37,244)
```
#841ff4
```
#841ff4 rgb(132,31,244)
```

Analogous Color

#90f41f
```
#90f41f rgb(144,244,31)
```
#1f25f4
```
#1f25f4 rgb(31,37,244)
```
#f4841f
```
#f4841f rgb(244,132,31)
```

Split Complementary Color

#25f41f
```
#25f41f rgb(37,244,31)
```
#1f25f4
```
#1f25f4 rgb(31,37,244)
```
#f41f25
```
#f41f25 rgb(244,31,37)
```

Triadic Color

#1ff4ee
```
#1ff4ee rgb(31,244,238)
```
#1f25f4
```
#1f25f4 rgb(31,37,244)
```
#f41f25
```
#f41f25 rgb(244,31,37)
```
#f4ee1f
```
#f4ee1f rgb(244,238,31)
```

Tetradic Color

#090ebd
```
#090ebd rgb(9,14,189)
```
#0a10d6
```
#0a10d6 rgb(10,16,214)
```
#0c12ee
```
#0c12ee rgb(12,18,238)
```
#1f25f4
```
#1f25f4 rgb(31,37,244)
```
#373df5
```
#373df5 rgb(55,61,245)
```
#5054f6
```
#5054f6 rgb(80,84,246)
```
#686cf8
```
#686cf8 rgb(104,108,248)
```

Monochromatic Color

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

#1f5af4
```
#1f5af4 rgb(31,90,244)
```
#1f49f4
```
#1f49f4 rgb(31,73,244)
```
#1f37f4
```
#1f37f4 rgb(31,55,244)
```
#1f25f4
```
#1f25f4 rgb(31,37,244)
```
#2b1ff4
```
#2b1ff4 rgb(43,31,244)
```
#3d1ff4
```
#3d1ff4 rgb(61,31,244)
```
#4e1ff4
```
#4e1ff4 rgb(78,31,244)
```

Similar Colors

Text with hexadecimal color #1f25f4

This text has a font color of #1f25f4.

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

#1f25f4 background color

This paragraph has a background color of #1f25f4.

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

#1f25f4 border color

This element has a border color of #1f25f4.

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

CSS codes

.text {color:#1f25f4;}

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

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

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 #ededfe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#010113
```
#010113 rgb(1,1,19)
```
#020326
```
#020326 rgb(2,3,38)
```
#030438
```
#030438 rgb(3,4,56)
```
#04064b
```
#04064b rgb(4,6,75)
```
#05075e
```
#05075e rgb(5,7,94)
```
#060971
```
#060971 rgb(6,9,113)
```
#060a83
```
#060a83 rgb(6,10,131)
```
#070b96
```
#070b96 rgb(7,11,150)
```
#080da9
```
#080da9 rgb(8,13,169)
```
#090ebb
```
#090ebb rgb(9,14,187)
```
#0a10ce
```
#0a10ce rgb(10,16,206)
```
#0b11e1
```
#0b11e1 rgb(11,17,225)
```

Shade Color Variation

#0c13f3
```
#0c13f3 rgb(12,19,243)
```
#1f25f4
```
#1f25f4 rgb(31,37,244)
```
#3237f5
```
#3237f5 rgb(50,55,245)
```
#4449f6
```
#4449f6 rgb(68,73,246)
```
#575cf7
```
#575cf7 rgb(87,92,247)
```
#6a6ef8
```
#6a6ef8 rgb(106,110,248)
```
#7c80f9
```
#7c80f9 rgb(124,128,249)
```
#8f92fa
```
#8f92fa rgb(143,146,250)
```
#a2a4fa
```
#a2a4fa rgb(162,164,250)
```
#b5b7fb
```
#b5b7fb rgb(181,183,251)
```
#c7c9fc
```
#c7c9fc rgb(199,201,252)
```
#dadbfd
```
#dadbfd rgb(218,219,253)
```
#ededfe
```
#ededfe rgb(237,237,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 #161cfd is the most saturated one.

#828391
```
#828391 rgb(130,131,145)
```
#797a9a
```
#797a9a rgb(121,122,154)
```
#7072a3
```
#7072a3 rgb(112,114,163)
```
#6769ac
```
#6769ac rgb(103,105,172)
```
#5e61b5
```
#5e61b5 rgb(94,97,181)
```
#5558be
```
#5558be rgb(85,88,190)
```
#4c50c7
```
#4c50c7 rgb(76,80,199)
```
#4347d0
```
#4347d0 rgb(67,71,208)
```
#3a3fd9
```
#3a3fd9 rgb(58,63,217)
```
#3136e2
```
#3136e2 rgb(49,54,226)
```
#282eeb
```
#282eeb rgb(40,46,235)
```
#1f25f4
```
#1f25f4 rgb(31,37,244)
```
#161cfd
```
#161cfd rgb(22,28,253)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#353760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0b44c4 Protanomaly 1% of men, 0.01% of women
#0b48b5 Deuteranomaly 6% of men, 0.4% of women
#0b4c9a Tritanomaly 0.01% of the population

#1f25f4 hex color

#1f25f4 Color Information

#1f25f4 Color Conversion

Color Schemes with #1f25f4

Alternatives to #1f25f4

#1f25f4 Preview

Shades and Tints of #1f25f4

Tones of #1f25f4

Color Blindness Simulator