#1f0afe hex color

In a RGB color space, hex #1f0afe is composed of 12.2% red, 3.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 96.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 245.2 degrees, a saturation of 99.2% and a lightness of 51.8%. #1f0afe color hex could be obtained by blending #3e14ff with #0000fd. Closest websafe color is: #3300ff.

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

● #1f0afe color description : Vivid blue.

The hexadecimal color #1f0afe has RGB values of R:31, G:10, B:254 and CMYK values of C:0.88, M:0.96, Y:0, K:0. Its decimal value is 2034430.

Hex triplet	1f0afe	`#1f0afe`
RGB Decimal	31, 10, 254	`rgb(31,10,254)`
RGB Percent	12.2, 3.9, 99.6	`rgb(12.2%,3.9%,99.6%)`
CMYK	88, 96, 0, 0
HSL	245.2°, 99.2, 51.8	`hsl(245.2,99.2%,51.8%)`
HSV (or HSB)	245.2°, 96.1, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.27, 77.704, -105.665
XYZ	18.559, 7.663, 94.261
xyY	0.154, 0.064, 7.663
CIE-LCH	33.27, 131.16, 306.33
CIE-LUV	33.27, -8.437, -130.909
Hunter-Lab	27.682, 71.234, -182.516
Binary	00011111, 00001010, 11111110

#1f0afe
```
#1f0afe rgb(31,10,254)
```
#e9fe0a
```
#e9fe0a rgb(233,254,10)
```

Complementary Color

#0a6ffe
```
#0a6ffe rgb(10,111,254)
```
#1f0afe
```
#1f0afe rgb(31,10,254)
```
#990afe
```
#990afe rgb(153,10,254)
```

Analogous Color

#6ffe0a
```
#6ffe0a rgb(111,254,10)
```
#1f0afe
```
#1f0afe rgb(31,10,254)
```
#fe990a
```
#fe990a rgb(254,153,10)
```

Split Complementary Color

#0afe1f
```
#0afe1f rgb(10,254,31)
```
#1f0afe
```
#1f0afe rgb(31,10,254)
```
#fe1f0a
```
#fe1f0a rgb(254,31,10)
```

Triadic Color

#0ae9fe
```
#0ae9fe rgb(10,233,254)
```
#1f0afe
```
#1f0afe rgb(31,10,254)
```
#fe1f0a
```
#fe1f0a rgb(254,31,10)
```
#e9fe0a
```
#e9fe0a rgb(233,254,10)
```

Tetradic Color

#1101bb
```
#1101bb rgb(17,1,187)
```
#1301d4
```
#1301d4 rgb(19,1,212)
```
#1501ee
```
#1501ee rgb(21,1,238)
```
#1f0afe
```
#1f0afe rgb(31,10,254)
```
#3623fe
```
#3623fe rgb(54,35,254)
```
#4d3dfe
```
#4d3dfe rgb(77,61,254)
```
#6556fe
```
#6556fe rgb(101,86,254)
```

Monochromatic Color

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

#0a32fe
```
#0a32fe rgb(10,50,254)
```
#0a1efe
```
#0a1efe rgb(10,30,254)
```
#0b0afe
```
#0b0afe rgb(11,10,254)
```
#1f0afe
```
#1f0afe rgb(31,10,254)
```
#330afe
```
#330afe rgb(51,10,254)
```
#480afe
```
#480afe rgb(72,10,254)
```
#5c0afe
```
#5c0afe rgb(92,10,254)
```

Similar Colors

Text with hexadecimal color #1f0afe

This text has a font color of #1f0afe.

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

#1f0afe background color

This paragraph has a background color of #1f0afe.

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

#1f0afe border color

This element has a border color of #1f0afe.

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

CSS codes

.text {color:#1f0afe;}

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

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

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

#010009
```
#010009 rgb(1,0,9)
```
#03001c
```
#03001c rgb(3,0,28)
```
#040030
```
#040030 rgb(4,0,48)
```
#060044
```
#060044 rgb(6,0,68)
```
#080057
```
#080057 rgb(8,0,87)
```
#0a006b
```
#0a006b rgb(10,0,107)
```
#0b017e
```
#0b017e rgb(11,1,126)
```
#0d0192
```
#0d0192 rgb(13,1,146)
```
#0f01a5
```
#0f01a5 rgb(15,1,165)
```
#1101b9
```
#1101b9 rgb(17,1,185)
```
#1201cc
```
#1201cc rgb(18,1,204)
```
#1401e0
```
#1401e0 rgb(20,1,224)
```
#1601f3
```
#1601f3 rgb(22,1,243)
```

Shade Color Variation

#1f0afe
```
#1f0afe rgb(31,10,254)
```
#311efe
```
#311efe rgb(49,30,254)
```
#4331fe
```
#4331fe rgb(67,49,254)
```
#5545fe
```
#5545fe rgb(85,69,254)
```
#6658fe
```
#6658fe rgb(102,88,254)
```
#786cfe
```
#786cfe rgb(120,108,254)
```
#8a7ffe
```
#8a7ffe rgb(138,127,254)
```
#9c93ff
```
#9c93ff rgb(156,147,255)
```
#aea6ff
```
#aea6ff rgb(174,166,255)
```
#c0baff
```
#c0baff rgb(192,186,255)
```
#d2cdff
```
#d2cdff rgb(210,205,255)
```
#e3e1ff
```
#e3e1ff rgb(227,225,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#7d7c8c
```
#7d7c8c rgb(125,124,140)
```
#757296
```
#757296 rgb(117,114,150)
```
#6d699f
```
#6d699f rgb(109,105,159)
```
#655fa9
```
#655fa9 rgb(101,95,169)
```
#5e56b2
```
#5e56b2 rgb(94,86,178)
```
#564cbc
```
#564cbc rgb(86,76,188)
```
#4e43c5
```
#4e43c5 rgb(78,67,197)
```
#4639cf
```
#4639cf rgb(70,57,207)
```
#3e30d8
```
#3e30d8 rgb(62,48,216)
```
#3626e2
```
#3626e2 rgb(54,38,226)
```
#2f1deb
```
#2f1deb rgb(47,29,235)
```
#2713f5
```
#2713f5 rgb(39,19,245)
```
#1f0afe
```
#1f0afe rgb(31,10,254)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#292556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 Protanopia 1% of men
#005a8d Deuteranopia 1% of men
#006063 Tritanopia 0.001% of the population

Trichromacy

#0b39c5 Protanomaly 1% of men, 0.01% of women
#0b3cb6 Deuteranomaly 6% of men, 0.4% of women
#0b409b Tritanomaly 0.01% of the population

#1f0afe hex color

#1f0afe Color Information

#1f0afe Color Conversion

Color Schemes with #1f0afe

Alternatives to #1f0afe

#1f0afe Preview

Shades and Tints of #1f0afe

Tones of #1f0afe

Color Blindness Simulator