#1f45fb hex color

In a RGB color space, hex #1f45fb is composed of 12.2% red, 27.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 72.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 229.6 degrees, a saturation of 96.5% and a lightness of 55.3%. #1f45fb color hex could be obtained by blending #3e8aff with #0000f7. Closest websafe color is: #3333ff.

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

● #1f45fb color description : Vivid blue.

The hexadecimal color #1f45fb has RGB values of R:31, G:69, B:251 and CMYK values of C:0.88, M:0.73, Y:0, K:0.02. Its decimal value is 2049531.

Hex triplet	1f45fb	`#1f45fb`
RGB Decimal	31, 69, 251	`rgb(31,69,251)`
RGB Percent	12.2, 27.1, 98.4	`rgb(12.2%,27.1%,98.4%)`
CMYK	88, 73, 0, 2
HSL	229.6°, 96.5, 55.3	`hsl(229.6,96.5%,55.3%)`
HSV (or HSB)	229.6°, 87.6, 98.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.428, 54.676, -92.077
XYZ	20.102, 11.511, 92.424
xyY	0.162, 0.093, 11.511
CIE-LCH	40.428, 107.087, 300.702
CIE-LUV	40.428, -14.07, -130.304
Hunter-Lab	33.928, 46.387, -137.764
Binary	00011111, 01000101, 11111011

#1f45fb
```
#1f45fb rgb(31,69,251)
```
#fbd51f
```
#fbd51f rgb(251,213,31)
```

Complementary Color

#1fb3fb
```
#1fb3fb rgb(31,179,251)
```
#1f45fb
```
#1f45fb rgb(31,69,251)
```
#671ffb
```
#671ffb rgb(103,31,251)
```

Analogous Color

#b3fb1f
```
#b3fb1f rgb(179,251,31)
```
#1f45fb
```
#1f45fb rgb(31,69,251)
```
#fb671f
```
#fb671f rgb(251,103,31)
```

Split Complementary Color

#45fb1f
```
#45fb1f rgb(69,251,31)
```
#1f45fb
```
#1f45fb rgb(31,69,251)
```
#fb1f45
```
#fb1f45 rgb(251,31,69)
```

Triadic Color

#1ffbd5
```
#1ffbd5 rgb(31,251,213)
```
#1f45fb
```
#1f45fb rgb(31,69,251)
```
#fb1f45
```
#fb1f45 rgb(251,31,69)
```
#fbd51f
```
#fbd51f rgb(251,213,31)
```

Tetradic Color

#0426ca
```
#0426ca rgb(4,38,202)
```
#042be3
```
#042be3 rgb(4,43,227)
```
#0630fb
```
#0630fb rgb(6,48,251)
```
#1f45fb
```
#1f45fb rgb(31,69,251)
```
#385afb
```
#385afb rgb(56,90,251)
```
#516ffc
```
#516ffc rgb(81,111,252)
```
#6a83fc
```
#6a83fc rgb(106,131,252)
```

Monochromatic Color

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

#1f7cfb
```
#1f7cfb rgb(31,124,251)
```
#1f6afb
```
#1f6afb rgb(31,106,251)
```
#1f57fb
```
#1f57fb rgb(31,87,251)
```
#1f45fb
```
#1f45fb rgb(31,69,251)
```
#1f33fb
```
#1f33fb rgb(31,51,251)
```
#1f20fb
```
#1f20fb rgb(31,32,251)
```
#301ffb
```
#301ffb rgb(48,31,251)
```

Similar Colors

Text with hexadecimal color #1f45fb

This text has a font color of #1f45fb.

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

#1f45fb background color

This paragraph has a background color of #1f45fb.

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

#1f45fb border color

This element has a border color of #1f45fb.

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

CSS codes

.text {color:#1f45fb;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00051b
```
#00051b rgb(0,5,27)
```
#01092e
```
#01092e rgb(1,9,46)
```
#010c41
```
#010c41 rgb(1,12,65)
```
#021054
```
#021054 rgb(2,16,84)
```
#021368
```
#021368 rgb(2,19,104)
```
#02177b
```
#02177b rgb(2,23,123)
```
#031b8e
```
#031b8e rgb(3,27,142)
```
#031ea1
```
#031ea1 rgb(3,30,161)
```
#0322b5
```
#0322b5 rgb(3,34,181)
```
#0425c8
```
#0425c8 rgb(4,37,200)
```
#0429db
```
#0429db rgb(4,41,219)
```
#042def
```
#042def rgb(4,45,239)
```

Shade Color Variation

#0c35fb
```
#0c35fb rgb(12,53,251)
```
#1f45fb
```
#1f45fb rgb(31,69,251)
```
#3255fb
```
#3255fb rgb(50,85,251)
```
#4665fc
```
#4665fc rgb(70,101,252)
```
#5975fc
```
#5975fc rgb(89,117,252)
```
#6c85fc
```
#6c85fc rgb(108,133,252)
```
#7f95fd
```
#7f95fd rgb(127,149,253)
```
#93a5fd
```
#93a5fd rgb(147,165,253)
```
#a6b5fd
```
#a6b5fd rgb(166,181,253)
```
#b9c5fe
```
#b9c5fe rgb(185,197,254)
```
#ccd5fe
```
#ccd5fe rgb(204,213,254)
```
#e0e5fe
```
#e0e5fe rgb(224,229,254)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#888a92
```
#888a92 rgb(136,138,146)
```
#7f849b
```
#7f849b rgb(127,132,155)
```
#777ea3
```
#777ea3 rgb(119,126,163)
```
#6e79ac
```
#6e79ac rgb(110,121,172)
```
#6573b5
```
#6573b5 rgb(101,115,181)
```
#5c6dbe
```
#5c6dbe rgb(92,109,190)
```
#5467c6
```
#5467c6 rgb(84,103,198)
```
#4b62cf
```
#4b62cf rgb(75,98,207)
```
#425cd8
```
#425cd8 rgb(66,92,216)
```
#3956e1
```
#3956e1 rgb(57,86,225)
```
#3150e9
```
#3150e9 rgb(49,80,233)
```
#284bf2
```
#284bf2 rgb(40,75,242)
```
#1f45fb
```
#1f45fb rgb(31,69,251)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#454c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

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

#1f45fb hex color

#1f45fb Color Information

#1f45fb Color Conversion

Color Schemes with #1f45fb

Alternatives to #1f45fb

#1f45fb Preview

Shades and Tints of #1f45fb

Tones of #1f45fb

Color Blindness Simulator