#1f45fe hex color

In a RGB color space, hex #1f45fe is composed of 12.2% red, 27.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 72.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 229.8 degrees, a saturation of 99.1% and a lightness of 55.9%. #1f45fe color hex could be obtained by blending #3e8aff with #0000fd. Closest websafe color is: #3333ff.

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

● #1f45fe color description : Vivid blue.

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

Hex triplet	1f45fe	`#1f45fe`
RGB Decimal	31, 69, 254	`rgb(31,69,254)`
RGB Percent	12.2, 27.1, 99.6	`rgb(12.2%,27.1%,99.6%)`
CMYK	88, 73, 0, 0
HSL	229.8°, 99.1, 55.9	`hsl(229.8,99.1%,55.9%)`
HSV (or HSB)	229.8°, 87.8, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.738, 55.677, -93.242
XYZ	20.579, 11.702, 94.935
xyY	0.162, 0.092, 11.702
CIE-LCH	40.738, 108.6, 300.842
CIE-LUV	40.738, -14.126, -132.051
Hunter-Lab	34.208, 47.52, -140.598
Binary	00011111, 01000101, 11111110

#1f45fe
```
#1f45fe rgb(31,69,254)
```
#fed81f
```
#fed81f rgb(254,216,31)
```

Complementary Color

#1fb5fe
```
#1fb5fe rgb(31,181,254)
```
#1f45fe
```
#1f45fe rgb(31,69,254)
```
#691ffe
```
#691ffe rgb(105,31,254)
```

Analogous Color

#b5fe1f
```
#b5fe1f rgb(181,254,31)
```
#1f45fe
```
#1f45fe rgb(31,69,254)
```
#fe691f
```
#fe691f rgb(254,105,31)
```

Split Complementary Color

#45fe1f
```
#45fe1f rgb(69,254,31)
```
#1f45fe
```
#1f45fe rgb(31,69,254)
```
#fe1f45
```
#fe1f45 rgb(254,31,69)
```

Triadic Color

#1ffed8
```
#1ffed8 rgb(31,254,216)
```
#1f45fe
```
#1f45fe rgb(31,69,254)
```
#fe1f45
```
#fe1f45 rgb(254,31,69)
```
#fed81f
```
#fed81f rgb(254,216,31)
```

Tetradic Color

#0124d0
```
#0124d0 rgb(1,36,208)
```
#0129e9
```
#0129e9 rgb(1,41,233)
```
#0630fe
```
#0630fe rgb(6,48,254)
```
#1f45fe
```
#1f45fe rgb(31,69,254)
```
#385afe
```
#385afe rgb(56,90,254)
```
#526ffe
```
#526ffe rgb(82,111,254)
```
#6b84fe
```
#6b84fe rgb(107,132,254)
```

Monochromatic Color

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

#1f7dfe
```
#1f7dfe rgb(31,125,254)
```
#1f6afe
```
#1f6afe rgb(31,106,254)
```
#1f58fe
```
#1f58fe rgb(31,88,254)
```
#1f45fe
```
#1f45fe rgb(31,69,254)
```
#1f32fe
```
#1f32fe rgb(31,50,254)
```
#1f20fe
```
#1f20fe rgb(31,32,254)
```
#311ffe
```
#311ffe rgb(49,31,254)
```

Similar Colors

Text with hexadecimal color #1f45fe

This text has a font color of #1f45fe.

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

#1f45fe background color

This paragraph has a background color of #1f45fe.

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

#1f45fe border color

This element has a border color of #1f45fe.

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

CSS codes

.text {color:#1f45fe;}

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

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

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

#00020a
```
#00020a rgb(0,2,10)
```
#00051e
```
#00051e rgb(0,5,30)
```
#000931
```
#000931 rgb(0,9,49)
```
#000c45
```
#000c45 rgb(0,12,69)
```
#000f58
```
#000f58 rgb(0,15,88)
```
#00136c
```
#00136c rgb(0,19,108)
```
#011680
```
#011680 rgb(1,22,128)
```
#011a93
```
#011a93 rgb(1,26,147)
```
#011da7
```
#011da7 rgb(1,29,167)
```
#0120ba
```
#0120ba rgb(1,32,186)
```
#0124ce
```
#0124ce rgb(1,36,206)
```
#0127e1
```
#0127e1 rgb(1,39,225)
```
#012bf5
```
#012bf5 rgb(1,43,245)
```

Shade Color Variation

#0b35fe
```
#0b35fe rgb(11,53,254)
```
#1f45fe
```
#1f45fe rgb(31,69,254)
```
#3355fe
```
#3355fe rgb(51,85,254)
```
#4665fe
```
#4665fe rgb(70,101,254)
```
#5a76fe
```
#5a76fe rgb(90,118,254)
```
#6d86fe
```
#6d86fe rgb(109,134,254)
```
#8196fe
```
#8196fe rgb(129,150,254)
```
#94a6ff
```
#94a6ff rgb(148,166,255)
```
#a8b7ff
```
#a8b7ff rgb(168,183,255)
```
#bbc7ff
```
#bbc7ff rgb(187,199,255)
```
#cfd7ff
```
#cfd7ff rgb(207,215,255)
```
#e2e7ff
```
#e2e7ff rgb(226,231,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#878996
```
#878996 rgb(135,137,150)
```
#7e849f
```
#7e849f rgb(126,132,159)
```
#767ea7
```
#767ea7 rgb(118,126,167)
```
#6d78b0
```
#6d78b0 rgb(109,120,176)
```
#6473b9
```
#6473b9 rgb(100,115,185)
```
#5c6dc1
```
#5c6dc1 rgb(92,109,193)
```
#5367ca
```
#5367ca rgb(83,103,202)
```
#4a62d3
```
#4a62d3 rgb(74,98,211)
```
#425cdb
```
#425cdb rgb(66,92,219)
```
#3956e4
```
#3956e4 rgb(57,86,228)
```
#3050ed
```
#3050ed rgb(48,80,237)
```
#284bf5
```
#284bf5 rgb(40,75,245)
```
#1f45fe
```
#1f45fe rgb(31,69,254)
```

Tone Color Variation

Below, you can see how #1f45fe 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
#454d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#0b59d9 Protanomaly 1% of men, 0.01% of women
#0b5dc8 Deuteranomaly 6% of men, 0.4% of women
#0b62a8 Tritanomaly 0.01% of the population

#1f45fe hex color

#1f45fe Color Information

#1f45fe Color Conversion

Color Schemes with #1f45fe

Alternatives to #1f45fe

#1f45fe Preview

Shades and Tints of #1f45fe

Tones of #1f45fe

Color Blindness Simulator