#1f18ff hex color

In a RGB color space, hex #1f18ff is composed of 12.2% red, 9.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 90.6% magenta, 0% yellow and 0% black. It has a hue angle of 241.8 degrees, a saturation of 100% and a lightness of 54.7%. #1f18ff color hex could be obtained by blending #3e30ff with #0000ff. Closest websafe color is: #3300ff.

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

● #1f18ff color description : Vivid blue.

The hexadecimal color #1f18ff has RGB values of R:31, G:24, B:255 and CMYK values of C:0.88, M:0.91, Y:0, K:0. Its decimal value is 2038015.

Hex triplet	1f18ff	`#1f18ff`
RGB Decimal	31, 24, 255	`rgb(31,24,255)`
RGB Percent	12.2, 9.4, 100	`rgb(12.2%,9.4%,100%)`
CMYK	88, 91, 0, 0
HSL	241.8°, 100, 54.7	`hsl(241.8,100%,54.7%)`
HSV (or HSB)	241.8°, 90.6, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.32, 75.137, -104.472
XYZ	18.938, 8.163, 95.18
xyY	0.155, 0.067, 8.163
CIE-LCH	34.32, 128.685, 305.724
CIE-LUV	34.32, -9.103, -132.176
Hunter-Lab	28.571, 68.317, -177.514
Binary	00011111, 00011000, 11111111

#1f18ff
```
#1f18ff rgb(31,24,255)
```
#f8ff18
```
#f8ff18 rgb(248,255,24)
```

Complementary Color

#1885ff
```
#1885ff rgb(24,133,255)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```
#9318ff
```
#9318ff rgb(147,24,255)
```

Analogous Color

#85ff18
```
#85ff18 rgb(133,255,24)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```
#ff9318
```
#ff9318 rgb(255,147,24)
```

Split Complementary Color

#18ff1f
```
#18ff1f rgb(24,255,31)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```
#ff1f18
```
#ff1f18 rgb(255,31,24)
```

Triadic Color

#18f8ff
```
#18f8ff rgb(24,248,255)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```
#ff1f18
```
#ff1f18 rgb(255,31,24)
```
#f8ff18
```
#f8ff18 rgb(248,255,24)
```

Tetradic Color

#0600cb
```
#0600cb rgb(6,0,203)
```
#0700e4
```
#0700e4 rgb(7,0,228)
```
#0800fe
```
#0800fe rgb(8,0,254)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```
#3832ff
```
#3832ff rgb(56,50,255)
```
#504bff
```
#504bff rgb(80,75,255)
```
#6965ff
```
#6965ff rgb(105,101,255)
```

Monochromatic Color

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

#184bff
```
#184bff rgb(24,75,255)
```
#1838ff
```
#1838ff rgb(24,56,255)
```
#1824ff
```
#1824ff rgb(24,36,255)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```
#3218ff
```
#3218ff rgb(50,24,255)
```
#4618ff
```
#4618ff rgb(70,24,255)
```
#5918ff
```
#5918ff rgb(89,24,255)
```

Similar Colors

Text with hexadecimal color #1f18ff

This text has a font color of #1f18ff.

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

#1f18ff background color

This paragraph has a background color of #1f18ff.

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

#1f18ff border color

This element has a border color of #1f18ff.

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

CSS codes

.text {color:#1f18ff;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#010018
```
#010018 rgb(1,0,24)
```
#01002c
```
#01002c rgb(1,0,44)
```
#02003f
```
#02003f rgb(2,0,63)
```
#030053
```
#030053 rgb(3,0,83)
```
#030066
```
#030066 rgb(3,0,102)
```
#04007a
```
#04007a rgb(4,0,122)
```
#04008e
```
#04008e rgb(4,0,142)
```
#0500a1
```
#0500a1 rgb(5,0,161)
```
#0500b5
```
#0500b5 rgb(5,0,181)
```
#0600c9
```
#0600c9 rgb(6,0,201)
```
#0700dc
```
#0700dc rgb(7,0,220)
```
#0700f0
```
#0700f0 rgb(7,0,240)
```

Shade Color Variation

#0c04ff
```
#0c04ff rgb(12,4,255)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```
#322cff
```
#322cff rgb(50,44,255)
```
#453fff
```
#453fff rgb(69,63,255)
```
#5853ff
```
#5853ff rgb(88,83,255)
```
#6b66ff
```
#6b66ff rgb(107,102,255)
```
#7e7aff
```
#7e7aff rgb(126,122,255)
```
#918eff
```
#918eff rgb(145,142,255)
```
#a4a1ff
```
#a4a1ff rgb(164,161,255)
```
#b7b5ff
```
#b7b5ff rgb(183,181,255)
```
#cac9ff
```
#cac9ff rgb(202,201,255)
```
#dddcff
```
#dddcff rgb(221,220,255)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#838394
```
#838394 rgb(131,131,148)
```
#7b7a9d
```
#7b7a9d rgb(123,122,157)
```
#7271a6
```
#7271a6 rgb(114,113,166)
```
#6a68af
```
#6a68af rgb(106,104,175)
```
#625fb8
```
#625fb8 rgb(98,95,184)
```
#5956c1
```
#5956c1 rgb(89,86,193)
```
#514dca
```
#514dca rgb(81,77,202)
```
#4944d3
```
#4944d3 rgb(73,68,211)
```
#403cdb
```
#403cdb rgb(64,60,219)
```
#3833e4
```
#3833e4 rgb(56,51,228)
```
#302aed
```
#302aed rgb(48,42,237)
```
#2721f6
```
#2721f6 rgb(39,33,246)
```
#1f18ff
```
#1f18ff rgb(31,24,255)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#302e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0b40c8 Protanomaly 1% of men, 0.01% of women
#0b43b9 Deuteranomaly 6% of men, 0.4% of women
#0b479e Tritanomaly 0.01% of the population

#1f18ff hex color

#1f18ff Color Information

#1f18ff Color Conversion

Color Schemes with #1f18ff

Alternatives to #1f18ff

#1f18ff Preview

Shades and Tints of #1f18ff

Tones of #1f18ff

Color Blindness Simulator