#1f41f9 hex color

In a RGB color space, hex #1f41f9 is composed of 12.2% red, 25.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 73.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 230.6 degrees, a saturation of 94.8% and a lightness of 54.9%. #1f41f9 color hex could be obtained by blending #3e82ff with #0000f3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 25
- B 98
RGB color chart
- C 88
- M 74
- Y 0
- K 2
CMYK color chart

● #1f41f9 color description : Vivid blue.

The hexadecimal color #1f41f9 has RGB values of R:31, G:65, B:249 and CMYK values of C:0.88, M:0.74, Y:0, K:0.02. Its decimal value is 2048505.

Hex triplet	1f41f9	`#1f41f9`
RGB Decimal	31, 65, 249	`rgb(31,65,249)`
RGB Percent	12.2, 25.5, 97.6	`rgb(12.2%,25.5%,97.6%)`
CMYK	88, 74, 0, 2
HSL	230.6°, 94.8, 54.9	`hsl(230.6,94.8%,54.9%)`
HSV (or HSB)	230.6°, 87.6, 97.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.428, 56.236, -92.611
XYZ	19.551, 10.91, 90.693
xyY	0.161, 0.09, 10.91
CIE-LCH	39.428, 108.348, 301.267
CIE-LUV	39.428, -13.363, -129.509
Hunter-Lab	33.03, 47.852, -139.674
Binary	00011111, 01000001, 11111001

#1f41f9
```
#1f41f9 rgb(31,65,249)
```
#f9d71f
```
#f9d71f rgb(249,215,31)
```

Complementary Color

#1faef9
```
#1faef9 rgb(31,174,249)
```
#1f41f9
```
#1f41f9 rgb(31,65,249)
```
#6a1ff9
```
#6a1ff9 rgb(106,31,249)
```

Analogous Color

#aef91f
```
#aef91f rgb(174,249,31)
```
#1f41f9
```
#1f41f9 rgb(31,65,249)
```
#f96a1f
```
#f96a1f rgb(249,106,31)
```

Split Complementary Color

#41f91f
```
#41f91f rgb(65,249,31)
```
#1f41f9
```
#1f41f9 rgb(31,65,249)
```
#f91f41
```
#f91f41 rgb(249,31,65)
```

Triadic Color

#1ff9d7
```
#1ff9d7 rgb(31,249,215)
```
#1f41f9
```
#1f41f9 rgb(31,65,249)
```
#f91f41
```
#f91f41 rgb(249,31,65)
```
#f9d71f
```
#f9d71f rgb(249,215,31)
```

Tetradic Color

#0523c6
```
#0523c6 rgb(5,35,198)
```
#0628df
```
#0628df rgb(6,40,223)
```
#072cf8
```
#072cf8 rgb(7,44,248)
```
#1f41f9
```
#1f41f9 rgb(31,65,249)
```
#3856fa
```
#3856fa rgb(56,86,250)
```
#516bfa
```
#516bfa rgb(81,107,250)
```
#6a80fb
```
#6a80fb rgb(106,128,251)
```

Monochromatic Color

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

#1f78f9
```
#1f78f9 rgb(31,120,249)
```
#1f65f9
```
#1f65f9 rgb(31,101,249)
```
#1f53f9
```
#1f53f9 rgb(31,83,249)
```
#1f41f9
```
#1f41f9 rgb(31,65,249)
```
#1f2ff9
```
#1f2ff9 rgb(31,47,249)
```
#211ff9
```
#211ff9 rgb(33,31,249)
```
#331ff9
```
#331ff9 rgb(51,31,249)
```

Similar Colors

Text with hexadecimal color #1f41f9

This text has a font color of #1f41f9.

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

#1f41f9 background color

This paragraph has a background color of #1f41f9.

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

#1f41f9 border color

This element has a border color of #1f41f9.

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

CSS codes

.text {color:#1f41f9;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#010418
```
#010418 rgb(1,4,24)
```
#01082b
```
#01082b rgb(1,8,43)
```
#020b3f
```
#020b3f rgb(2,11,63)
```
#020f52
```
#020f52 rgb(2,15,82)
```
#031265
```
#031265 rgb(3,18,101)
```
#031578
```
#031578 rgb(3,21,120)
```
#04198b
```
#04198b rgb(4,25,139)
```
#041c9e
```
#041c9e rgb(4,28,158)
```
#0520b1
```
#0520b1 rgb(5,32,177)
```
#0523c4
```
#0523c4 rgb(5,35,196)
```
#0626d7
```
#0626d7 rgb(6,38,215)
```
#062aea
```
#062aea rgb(6,42,234)
```

Shade Color Variation

#0c31f8
```
#0c31f8 rgb(12,49,248)
```
#1f41f9
```
#1f41f9 rgb(31,65,249)
```
#3251fa
```
#3251fa rgb(50,81,250)
```
#4561fa
```
#4561fa rgb(69,97,250)
```
#5872fb
```
#5872fb rgb(88,114,251)
```
#6b82fb
```
#6b82fb rgb(107,130,251)
```
#7f92fc
```
#7f92fc rgb(127,146,252)
```
#92a2fc
```
#92a2fc rgb(146,162,252)
```
#a5b2fd
```
#a5b2fd rgb(165,178,253)
```
#b8c3fd
```
#b8c3fd rgb(184,195,253)
```
#cbd3fe
```
#cbd3fe rgb(203,211,254)
```
#dee3fe
```
#dee3fe rgb(222,227,254)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#898a8f
```
#898a8f rgb(137,138,143)
```
#808498
```
#808498 rgb(128,132,152)
```
#777ea1
```
#777ea1 rgb(119,126,161)
```
#6f78a9
```
#6f78a9 rgb(111,120,169)
```
#6672b2
```
#6672b2 rgb(102,114,178)
```
#5d6cbb
```
#5d6cbb rgb(93,108,187)
```
#5466c4
```
#5466c4 rgb(84,102,196)
```
#4b5fcd
```
#4b5fcd rgb(75,95,205)
```
#4259d6
```
#4259d6 rgb(66,89,214)
```
#3a53de
```
#3a53de rgb(58,83,222)
```
#314de7
```
#314de7 rgb(49,77,231)
```
#2847f0
```
#2847f0 rgb(40,71,240)
```
#1f41f9
```
#1f41f9 rgb(31,65,249)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#434a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0b56d4 Protanomaly 1% of men, 0.01% of women
#0b59c3 Deuteranomaly 6% of men, 0.4% of women
#0b5ea4 Tritanomaly 0.01% of the population

#1f41f9 hex color

#1f41f9 Color Information

#1f41f9 Color Conversion

Color Schemes with #1f41f9

Alternatives to #1f41f9

#1f41f9 Preview

Shades and Tints of #1f41f9

Tones of #1f41f9

Color Blindness Simulator