colorhexa.com

#1f18e6 hex color

In a RGB color space, hex #1f18e6 is composed of 12.2% red, 9.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 89.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 242 degrees, a saturation of 81.1% and a lightness of 49.8%. #1f18e6 color hex could be obtained by blending #3e30ff with #0000cd. Closest websafe color is: #3300ff.

- R 12
- G 9
- B 90
RGB color chart
- C 87
- M 90
- Y 0
- K 10
CMYK color chart

● #1f18e6 color description : Vivid blue.

The hexadecimal color #1f18e6 has RGB values of R:31, G:24, B:230 and CMYK values of C:0.87, M:0.9, Y:0, K:0.1. Its decimal value is 2037990.

Hex triplet	1f18e6	`#1f18e6`
RGB Decimal	31, 24, 230	`rgb(31,24,230)`
RGB Percent	12.2, 9.4, 90.2	`rgb(12.2%,9.4%,90.2%)`
CMYK	87, 90, 0, 10
HSL	242°, 81.1, 49.8	`hsl(242,81.1%,49.8%)`
HSV (or HSB)	242°, 89.6, 90.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.012, 68.591, -95.844
XYZ	15.172, 6.657, 75.344
xyY	0.156, 0.069, 6.657
CIE-LCH	31.012, 117.859, 305.589
CIE-LUV	31.012, -8.022, -117.994
Hunter-Lab	25.8, 59.815, -155.081
Binary	00011111, 00011000, 11100110

#1f18e6
```
#1f18e6 rgb(31,24,230)
```
#dfe618
```
#dfe618 rgb(223,230,24)
```

Complementary Color

#1878e6
```
#1878e6 rgb(24,120,230)
```
#1f18e6
```
#1f18e6 rgb(31,24,230)
```
#8618e6
```
#8618e6 rgb(134,24,230)
```

Analogous Color

#78e618
```
#78e618 rgb(120,230,24)
```
#1f18e6
```
#1f18e6 rgb(31,24,230)
```
#e68618
```
#e68618 rgb(230,134,24)
```

Split Complementary Color

#18e61f
```
#18e61f rgb(24,230,31)
```
#1f18e6
```
#1f18e6 rgb(31,24,230)
```
#e61f18
```
#e61f18 rgb(230,31,24)
```

Triadic Color

#18dfe6
```
#18dfe6 rgb(24,223,230)
```
#1f18e6
```
#1f18e6 rgb(31,24,230)
```
#e61f18
```
#e61f18 rgb(230,31,24)
```
#dfe618
```
#dfe618 rgb(223,230,24)
```

Tetradic Color

#1611a1
```
#1611a1 rgb(22,17,161)
```
#1913b8
```
#1913b8 rgb(25,19,184)
```
#1c16cf
```
#1c16cf rgb(28,22,207)
```
#1f18e6
```
#1f18e6 rgb(31,24,230)
```
#352ee9
```
#352ee9 rgb(53,46,233)
```
#4b45ec
```
#4b45ec rgb(75,69,236)
```
#615cee
```
#615cee rgb(97,92,238)
```

Monochromatic Color

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

#1845e6
```
#1845e6 rgb(24,69,230)
```
#1833e6
```
#1833e6 rgb(24,51,230)
```
#1822e6
```
#1822e6 rgb(24,34,230)
```
#1f18e6
```
#1f18e6 rgb(31,24,230)
```
#3018e6
```
#3018e6 rgb(48,24,230)
```
#4118e6
```
#4118e6 rgb(65,24,230)
```
#5318e6
```
#5318e6 rgb(83,24,230)
```

Similar Colors

Text with hexadecimal color #1f18e6

This text has a font color of #1f18e6.

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

#1f18e6 background color

This paragraph has a background color of #1f18e6.

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

#1f18e6 border color

This element has a border color of #1f18e6.

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

CSS codes

.text {color:#1f18e6;}

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

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

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

#020211
```
#020211 rgb(2,2,17)
```
#050423
```
#050423 rgb(5,4,35)
```
#070534
```
#070534 rgb(7,5,52)
```
#090746
```
#090746 rgb(9,7,70)
```
#0c0958
```
#0c0958 rgb(12,9,88)
```
#0e0b6a
```
#0e0b6a rgb(14,11,106)
```
#110d7b
```
#110d7b rgb(17,13,123)
```
#130f8d
```
#130f8d rgb(19,15,141)
```
#15119f
```
#15119f rgb(21,17,159)
```
#1812b1
```
#1812b1 rgb(24,18,177)
```
#1a14c2
```
#1a14c2 rgb(26,20,194)
```
#1d16d4
```
#1d16d4 rgb(29,22,212)
```
#1f18e6
```
#1f18e6 rgb(31,24,230)
```

Shade Color Variation

#2f29e9
```
#2f29e9 rgb(47,41,233)
```
#413beb
```
#413beb rgb(65,59,235)
```
#524cec
```
#524cec rgb(82,76,236)
```
#635eee
```
#635eee rgb(99,94,238)
```
#7470f0
```
#7470f0 rgb(116,112,240)
```
#8682f2
```
#8682f2 rgb(134,130,242)
```
#9794f4
```
#9794f4 rgb(151,148,244)
```
#a8a5f6
```
#a8a5f6 rgb(168,165,246)
```
#b9b7f7
```
#b9b7f7 rgb(185,183,247)
```
#cac9f9
```
#cac9f9 rgb(202,201,249)
```
#dcdbfb
```
#dcdbfb rgb(220,219,251)
```
#edecfd
```
#edecfd rgb(237,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7a7a84
```
#7a7a84 rgb(122,122,132)
```
#71708e
```
#71708e rgb(113,112,142)
```
#686698
```
#686698 rgb(104,102,152)
```
#5f5ca2
```
#5f5ca2 rgb(95,92,162)
```
#5653ab
```
#5653ab rgb(86,83,171)
```
#4d49b5
```
#4d49b5 rgb(77,73,181)
```
#433fbf
```
#433fbf rgb(67,63,191)
```
#3a35c9
```
#3a35c9 rgb(58,53,201)
```
#312cd2
```
#312cd2 rgb(49,44,210)
```
#2822dc
```
#2822dc rgb(40,34,220)
```
#1f18e6
```
#1f18e6 rgb(31,24,230)
```
#160ef0
```
#160ef0 rgb(22,14,240)
```
#0d04fa
```
#0d04fa rgb(13,4,250)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2e2d56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0b3bb6 Protanomaly 1% of men, 0.01% of women
#0b3ea8 Deuteranomaly 6% of men, 0.4% of women
#0b428f Tritanomaly 0.01% of the population