colorhexa.com

#1f00f9 hex color

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

- R 12
- G 0
- B 98
RGB color chart
- C 88
- M 100
- Y 0
- K 2
CMYK color chart

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

The hexadecimal color #1f00f9 has RGB values of R:31, G:0, B:249 and CMYK values of C:0.88, M:1, Y:0, K:0.02. Its decimal value is 2031865.

Hex triplet	1f00f9	`#1f00f9`
RGB Decimal	31, 0, 249	`rgb(31,0,249)`
RGB Percent	12.2, 0, 97.6	`rgb(12.2%,0%,97.6%)`
CMYK	88, 100, 0, 2
HSL	247.5°, 100, 48.8	`hsl(247.5,100%,48.8%)`
HSV (or HSB)	247.5°, 100, 97.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.1, 77.988, -104.809
XYZ	17.661, 7.13, 90.063
xyY	0.154, 0.062, 7.13
CIE-LCH	32.1, 130.641, 306.653
CIE-LUV	32.1, -7.889, -127.613
Hunter-Lab	26.701, 71.335, -181.293
Binary	00011111, 00000000, 11111001

#1f00f9
```
#1f00f9 rgb(31,0,249)
```
#daf900
```
#daf900 rgb(218,249,0)
```

Complementary Color

#005ef9
```
#005ef9 rgb(0,94,249)
```
#1f00f9
```
#1f00f9 rgb(31,0,249)
```
#9c00f9
```
#9c00f9 rgb(156,0,249)
```

Analogous Color

#5ef900
```
#5ef900 rgb(94,249,0)
```
#1f00f9
```
#1f00f9 rgb(31,0,249)
```
#f99c00
```
#f99c00 rgb(249,156,0)
```

Split Complementary Color

#1500ad
```
#1500ad rgb(21,0,173)
```
#1900c6
```
#1900c6 rgb(25,0,198)
```
#1c00e0
```
#1c00e0 rgb(28,0,224)
```
#1f00f9
```
#1f00f9 rgb(31,0,249)
```
#3114ff
```
#3114ff rgb(49,20,255)
```
#472dff
```
#472dff rgb(71,45,255)
```
#5d47ff
```
#5d47ff rgb(93,71,255)
```

Monochromatic Color

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

#001ff9
```
#001ff9 rgb(0,31,249)
```
#000bf9
```
#000bf9 rgb(0,11,249)
```
#0a00f9
```
#0a00f9 rgb(10,0,249)
```
#1f00f9
```
#1f00f9 rgb(31,0,249)
```
#3400f9
```
#3400f9 rgb(52,0,249)
```
#4900f9
```
#4900f9 rgb(73,0,249)
```
#5d00f9
```
#5d00f9 rgb(93,0,249)
```

Similar Colors

Text with hexadecimal color #1f00f9

This text has a font color of #1f00f9.

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

#1f00f9 background color

This paragraph has a background color of #1f00f9.

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

#1f00f9 border color

This element has a border color of #1f00f9.

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

CSS codes

.text {color:#1f00f9;}

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

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

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

#02000e
```
#02000e rgb(2,0,14)
```
#040021
```
#040021 rgb(4,0,33)
```
#070035
```
#070035 rgb(7,0,53)
```
#090048
```
#090048 rgb(9,0,72)
```
#0b005c
```
#0b005c rgb(11,0,92)
```
#0e0070
```
#0e0070 rgb(14,0,112)
```
#100083
```
#100083 rgb(16,0,131)
```
#130097
```
#130097 rgb(19,0,151)
```
#1500ab
```
#1500ab rgb(21,0,171)
```
#1800be
```
#1800be rgb(24,0,190)
```
#1a00d2
```
#1a00d2 rgb(26,0,210)
```
#1d00e5
```
#1d00e5 rgb(29,0,229)
```
#1f00f9
```
#1f00f9 rgb(31,0,249)
```

Shade Color Variation

#2c0eff
```
#2c0eff rgb(44,14,255)
```
#3d21ff
```
#3d21ff rgb(61,33,255)
```
#4e35ff
```
#4e35ff rgb(78,53,255)
```
#5f48ff
```
#5f48ff rgb(95,72,255)
```
#705cff
```
#705cff rgb(112,92,255)
```
#8270ff
```
#8270ff rgb(130,112,255)
```
#9383ff
```
#9383ff rgb(147,131,255)
```
#a497ff
```
#a497ff rgb(164,151,255)
```
#b5abff
```
#b5abff rgb(181,171,255)
```
#c6beff
```
#c6beff rgb(198,190,255)
```
#d7d2ff
```
#d7d2ff rgb(215,210,255)
```
#e9e5ff
```
#e9e5ff rgb(233,229,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#757386
```
#757386 rgb(117,115,134)
```
#6e6990
```
#6e6990 rgb(110,105,144)
```
#676099
```
#676099 rgb(103,96,153)
```
#6056a3
```
#6056a3 rgb(96,86,163)
```
#594dac
```
#594dac rgb(89,77,172)
```
#5143b6
```
#5143b6 rgb(81,67,182)
```
#4a39c0
```
#4a39c0 rgb(74,57,192)
```
#4330c9
```
#4330c9 rgb(67,48,201)
```
#3c26d3
```
#3c26d3 rgb(60,38,211)
```
#351ddc
```
#351ddc rgb(53,29,220)
```
#2d13e6
```
#2d13e6 rgb(45,19,230)
```
#260aef
```
#260aef rgb(38,10,239)
```
#1f00f9
```
#1f00f9 rgb(31,0,249)
```

Tone Color Variation

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

#0b34c0 Protanomaly 1% of men, 0.01% of women
#0b37b2 Deuteranomaly 6% of men, 0.4% of women
#0b3b98 Tritanomaly 0.01% of the population