#1f00f8 hex color

In a RGB color space, hex #1f00f8 is composed of 12.2% red, 0% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 100% magenta, 0% yellow and 2.7% black. It has a hue angle of 247.5 degrees, a saturation of 100% and a lightness of 48.6%. #1f00f8 color hex could be obtained by blending #3e00ff with #0000f1. Closest websafe color is: #3300ff.

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

● #1f00f8 color description : Pure (or mostly pure) blue.

The hexadecimal color #1f00f8 has RGB values of R:31, G:0, B:248 and CMYK values of C:0.88, M:1, Y:0, K:0.03. Its decimal value is 2031864.

Hex triplet	1f00f8	`#1f00f8`
RGB Decimal	31, 0, 248	`rgb(31,0,248)`
RGB Percent	12.2, 0, 97.3	`rgb(12.2%,0%,97.3%)`
CMYK	88, 100, 0, 3
HSL	247.5°, 100, 48.6	`hsl(247.5,100%,48.6%)`
HSV (or HSB)	247.5°, 100, 97.3
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.96, 77.752, -104.48
XYZ	17.505, 7.067, 89.243
xyY	0.154, 0.062, 7.067
CIE-LCH	31.96, 130.237, 306.656
CIE-LUV	31.96, -7.841, -127.037
Hunter-Lab	26.584, 71.014, -180.426
Binary	00011111, 00000000, 11111000

#1f00f8
```
#1f00f8 rgb(31,0,248)
```
#d9f800
```
#d9f800 rgb(217,248,0)
```

Complementary Color

#005df8
```
#005df8 rgb(0,93,248)
```
#1f00f8
```
#1f00f8 rgb(31,0,248)
```
#9b00f8
```
#9b00f8 rgb(155,0,248)
```

Analogous Color

#5df800
```
#5df800 rgb(93,248,0)
```
#1f00f8
```
#1f00f8 rgb(31,0,248)
```
#f89b00
```
#f89b00 rgb(248,155,0)
```

Split Complementary Color

#00f81f
```
#00f81f rgb(0,248,31)
```
#1f00f8
```
#1f00f8 rgb(31,0,248)
```
#f81f00
```
#f81f00 rgb(248,31,0)
```

Triadic Color

#00d9f8
```
#00d9f8 rgb(0,217,248)
```
#1f00f8
```
#1f00f8 rgb(31,0,248)
```
#f81f00
```
#f81f00 rgb(248,31,0)
```
#d9f800
```
#d9f800 rgb(217,248,0)
```

Tetradic Color

#1500ac
```
#1500ac rgb(21,0,172)
```
#1900c5
```
#1900c5 rgb(25,0,197)
```
#1c00df
```
#1c00df rgb(28,0,223)
```
#1f00f8
```
#1f00f8 rgb(31,0,248)
```
#3013ff
```
#3013ff rgb(48,19,255)
```
#462cff
```
#462cff rgb(70,44,255)
```
#5d46ff
```
#5d46ff rgb(93,70,255)
```

Monochromatic Color

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

#001ff8
```
#001ff8 rgb(0,31,248)
```
#000af8
```
#000af8 rgb(0,10,248)
```
#0a00f8
```
#0a00f8 rgb(10,0,248)
```
#1f00f8
```
#1f00f8 rgb(31,0,248)
```
#3400f8
```
#3400f8 rgb(52,0,248)
```
#4800f8
```
#4800f8 rgb(72,0,248)
```
#5d00f8
```
#5d00f8 rgb(93,0,248)
```

Similar Colors

Text with hexadecimal color #1f00f8

This text has a font color of #1f00f8.

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

#1f00f8 background color

This paragraph has a background color of #1f00f8.

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

#1f00f8 border color

This element has a border color of #1f00f8.

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

CSS codes

.text {color:#1f00f8;}

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

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

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, #02000d is the darkest color, while #f9f8ff is the lightest one.

#02000d
```
#02000d rgb(2,0,13)
```
#040020
```
#040020 rgb(4,0,32)
```
#060034
```
#060034 rgb(6,0,52)
```
#090047
```
#090047 rgb(9,0,71)
```
#0b005b
```
#0b005b rgb(11,0,91)
```
#0e006f
```
#0e006f rgb(14,0,111)
```
#100082
```
#100082 rgb(16,0,130)
```
#130096
```
#130096 rgb(19,0,150)
```
#1500aa
```
#1500aa rgb(21,0,170)
```
#1800bd
```
#1800bd rgb(24,0,189)
```
#1a00d1
```
#1a00d1 rgb(26,0,209)
```
#1d00e4
```
#1d00e4 rgb(29,0,228)
```
#1f00f8
```
#1f00f8 rgb(31,0,248)
```

Shade Color Variation

#2b0dff
```
#2b0dff rgb(43,13,255)
```
#3c20ff
```
#3c20ff rgb(60,32,255)
```
#4d34ff
```
#4d34ff rgb(77,52,255)
```
#5e47ff
```
#5e47ff rgb(94,71,255)
```
#705bff
```
#705bff rgb(112,91,255)
```
#816fff
```
#816fff rgb(129,111,255)
```
#9282ff
```
#9282ff rgb(146,130,255)
```
#a396ff
```
#a396ff rgb(163,150,255)
```
#b4aaff
```
#b4aaff rgb(180,170,255)
```
#c5bdff
```
#c5bdff rgb(197,189,255)
```
#d7d1ff
```
#d7d1ff rgb(215,209,255)
```
#e8e4ff
```
#e8e4ff rgb(232,228,255)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#757286
```
#757286 rgb(117,114,134)
```
#6e698f
```
#6e698f rgb(110,105,143)
```
#675f99
```
#675f99 rgb(103,95,153)
```
#5f56a2
```
#5f56a2 rgb(95,86,162)
```
#584cac
```
#584cac rgb(88,76,172)
```
#5143b5
```
#5143b5 rgb(81,67,181)
```
#4a39bf
```
#4a39bf rgb(74,57,191)
```
#4330c8
```
#4330c8 rgb(67,48,200)
```
#3c26d2
```
#3c26d2 rgb(60,38,210)
```
#341ddb
```
#341ddb rgb(52,29,219)
```
#2d13e5
```
#2d13e5 rgb(45,19,229)
```
#260aee
```
#260aee rgb(38,10,238)
```
#1f00f8
```
#1f00f8 rgb(31,0,248)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#251e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d60 Tritanopia 0.001% of the population

Trichromacy

#0b34bf Protanomaly 1% of men, 0.01% of women
#0b37b1 Deuteranomaly 6% of men, 0.4% of women
#0b3b97 Tritanomaly 0.01% of the population

#1f00f8 hex color

#1f00f8 Color Information

#1f00f8 Color Conversion

Color Schemes with #1f00f8

Alternatives to #1f00f8

#1f00f8 Preview

Shades and Tints of #1f00f8

Tones of #1f00f8

Color Blindness Simulator