#1f46fa hex color

In a RGB color space, hex #1f46fa is composed of 12.2% red, 27.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 72% magenta, 0% yellow and 2% black. It has a hue angle of 229.3 degrees, a saturation of 95.6% and a lightness of 55.1%. #1f46fa color hex could be obtained by blending #3e8cff with #0000f5. Closest websafe color is: #3333ff.

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

● #1f46fa color description : Vivid blue.

The hexadecimal color #1f46fa has RGB values of R:31, G:70, B:250 and CMYK values of C:0.88, M:0.72, Y:0, K:0.02. Its decimal value is 2049786.

Hex triplet	1f46fa	`#1f46fa`
RGB Decimal	31, 70, 250	`rgb(31,70,250)`
RGB Percent	12.2, 27.5, 98	`rgb(12.2%,27.5%,98%)`
CMYK	88, 72, 0, 2
HSL	229.3°, 95.6, 55.1	`hsl(229.3,95.6%,55.1%)`
HSV (or HSB)	229.3°, 87.6, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.528, 53.775, -91.352
XYZ	20.007, 11.572, 91.616
xyY	0.162, 0.094, 11.572
CIE-LCH	40.528, 106.004, 300.483
CIE-LUV	40.528, -14.225, -129.61
Hunter-Lab	34.018, 45.45, -135.866
Binary	00011111, 01000110, 11111010

#1f46fa
```
#1f46fa rgb(31,70,250)
```
#fad31f
```
#fad31f rgb(250,211,31)
```

Complementary Color

#1fb4fa
```
#1fb4fa rgb(31,180,250)
```
#1f46fa
```
#1f46fa rgb(31,70,250)
```
#661ffa
```
#661ffa rgb(102,31,250)
```

Analogous Color

#b4fa1f
```
#b4fa1f rgb(180,250,31)
```
#1f46fa
```
#1f46fa rgb(31,70,250)
```
#fa661f
```
#fa661f rgb(250,102,31)
```

Split Complementary Color

#46fa1f
```
#46fa1f rgb(70,250,31)
```
#1f46fa
```
#1f46fa rgb(31,70,250)
```
#fa1f46
```
#fa1f46 rgb(250,31,70)
```

Triadic Color

#1ffad3
```
#1ffad3 rgb(31,250,211)
```
#1f46fa
```
#1f46fa rgb(31,70,250)
```
#fa1f46
```
#fa1f46 rgb(250,31,70)
```
#fad31f
```
#fad31f rgb(250,211,31)
```

Tetradic Color

#0427c8
```
#0427c8 rgb(4,39,200)
```
#052ce1
```
#052ce1 rgb(5,44,225)
```
#0631f9
```
#0631f9 rgb(6,49,249)
```
#1f46fa
```
#1f46fa rgb(31,70,250)
```
#385bfb
```
#385bfb rgb(56,91,251)
```
#516ffb
```
#516ffb rgb(81,111,251)
```
#6a84fc
```
#6a84fc rgb(106,132,252)
```

Monochromatic Color

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

#1f7dfa
```
#1f7dfa rgb(31,125,250)
```
#1f6bfa
```
#1f6bfa rgb(31,107,250)
```
#1f58fa
```
#1f58fa rgb(31,88,250)
```
#1f46fa
```
#1f46fa rgb(31,70,250)
```
#1f34fa
```
#1f34fa rgb(31,52,250)
```
#1f22fa
```
#1f22fa rgb(31,34,250)
```
#2f1ffa
```
#2f1ffa rgb(47,31,250)
```

Similar Colors

Text with hexadecimal color #1f46fa

This text has a font color of #1f46fa.

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

#1f46fa background color

This paragraph has a background color of #1f46fa.

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

#1f46fa border color

This element has a border color of #1f46fa.

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

CSS codes

.text {color:#1f46fa;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010519
```
#010519 rgb(1,5,25)
```
#01092d
```
#01092d rgb(1,9,45)
```
#010d40
```
#010d40 rgb(1,13,64)
```
#021053
```
#021053 rgb(2,16,83)
```
#021466
```
#021466 rgb(2,20,102)
```
#031879
```
#031879 rgb(3,24,121)
```
#031c8d
```
#031c8d rgb(3,28,141)
```
#041fa0
```
#041fa0 rgb(4,31,160)
```
#0423b3
```
#0423b3 rgb(4,35,179)
```
#0427c6
```
#0427c6 rgb(4,39,198)
```
#052bd9
```
#052bd9 rgb(5,43,217)
```
#052eec
```
#052eec rgb(5,46,236)
```

Shade Color Variation

#0c36fa
```
#0c36fa rgb(12,54,250)
```
#1f46fa
```
#1f46fa rgb(31,70,250)
```
#3256fa
```
#3256fa rgb(50,86,250)
```
#4566fb
```
#4566fb rgb(69,102,251)
```
#5976fb
```
#5976fb rgb(89,118,251)
```
#6c85fc
```
#6c85fc rgb(108,133,252)
```
#7f95fc
```
#7f95fc rgb(127,149,252)
```
#92a5fd
```
#92a5fd rgb(146,165,253)
```
#a5b5fd
```
#a5b5fd rgb(165,181,253)
```
#b8c5fd
```
#b8c5fd rgb(184,197,253)
```
#ccd5fe
```
#ccd5fe rgb(204,213,254)
```
#dfe4fe
```
#dfe4fe rgb(223,228,254)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#898a90
```
#898a90 rgb(137,138,144)
```
#808499
```
#808499 rgb(128,132,153)
```
#777fa2
```
#777fa2 rgb(119,127,162)
```
#6e79ab
```
#6e79ab rgb(110,121,171)
```
#6573b4
```
#6573b4 rgb(101,115,180)
```
#5d6ebc
```
#5d6ebc rgb(93,110,188)
```
#5468c5
```
#5468c5 rgb(84,104,197)
```
#4b62ce
```
#4b62ce rgb(75,98,206)
```
#425dd7
```
#425dd7 rgb(66,93,215)
```
#3957e0
```
#3957e0 rgb(57,87,224)
```
#3151e8
```
#3151e8 rgb(49,81,232)
```
#284cf1
```
#284cf1 rgb(40,76,241)
```
#1f46fa
```
#1f46fa rgb(31,70,250)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#454d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#0b59d7 Protanomaly 1% of men, 0.01% of women
#0b5dc6 Deuteranomaly 6% of men, 0.4% of women
#0b62a6 Tritanomaly 0.01% of the population

#1f46fa hex color

#1f46fa Color Information

#1f46fa Color Conversion

Color Schemes with #1f46fa

Alternatives to #1f46fa

#1f46fa Preview

Shades and Tints of #1f46fa

Tones of #1f46fa

Color Blindness Simulator