#1814f5 hex color

In a RGB color space, hex #1814f5 is composed of 9.4% red, 7.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 91.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 241.1 degrees, a saturation of 91.8% and a lightness of 52%. #1814f5 color hex could be obtained by blending #3028ff with #0000eb. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 9
- G 8
- B 96
RGB color chart
- C 90
- M 92
- Y 0
- K 4
CMYK color chart

● #1814f5 color description : Vivid blue.

The hexadecimal color #1814f5 has RGB values of R:24, G:20, B:245 and CMYK values of C:0.9, M:0.92, Y:0, K:0.04. Its decimal value is 1578229.

Hex triplet	1814f5	`#1814f5`
RGB Decimal	24, 20, 245	`rgb(24,20,245)`
RGB Percent	9.4, 7.8, 96.1	`rgb(9.4%,7.8%,96.1%)`
CMYK	90, 92, 0, 4
HSL	241.1°, 91.8, 52	`hsl(241.1,91.8%,52%)`
HSV (or HSB)	241.1°, 91.8, 96.1
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.449, 73.461, -101.974
XYZ	17.105, 7.286, 86.886
xyY	0.154, 0.065, 7.286
CIE-LCH	32.449, 125.679, 305.768
CIE-LUV	32.449, -8.887, -126.095
Hunter-Lab	26.992, 65.879, -171.956
Binary	00011000, 00010100, 11110101

#1814f5
```
#1814f5 rgb(24,20,245)
```
#f1f514
```
#f1f514 rgb(241,245,20)
```

Complementary Color

#1481f5
```
#1481f5 rgb(20,129,245)
```
#1814f5
```
#1814f5 rgb(24,20,245)
```
#8914f5
```
#8914f5 rgb(137,20,245)
```

Analogous Color

#81f514
```
#81f514 rgb(129,245,20)
```
#1814f5
```
#1814f5 rgb(24,20,245)
```
#f58914
```
#f58914 rgb(245,137,20)
```

Split Complementary Color

#14f518
```
#14f518 rgb(20,245,24)
```
#1814f5
```
#1814f5 rgb(24,20,245)
```
#f51814
```
#f51814 rgb(245,24,20)
```

Triadic Color

#14f1f5
```
#14f1f5 rgb(20,241,245)
```
#1814f5
```
#1814f5 rgb(24,20,245)
```
#f51814
```
#f51814 rgb(245,24,20)
```
#f1f514
```
#f1f514 rgb(241,245,20)
```

Tetradic Color

#0b08b5
```
#0b08b5 rgb(11,8,181)
```
#0c09cd
```
#0c09cd rgb(12,9,205)
```
#0e0ae6
```
#0e0ae6 rgb(14,10,230)
```
#1814f5
```
#1814f5 rgb(24,20,245)
```
#302cf6
```
#302cf6 rgb(48,44,246)
```
#4845f7
```
#4845f7 rgb(72,69,247)
```
#605df8
```
#605df8 rgb(96,93,248)
```

Monochromatic Color

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

#1448f5
```
#1448f5 rgb(20,72,245)
```
#1436f5
```
#1436f5 rgb(20,54,245)
```
#1423f5
```
#1423f5 rgb(20,35,245)
```
#1814f5
```
#1814f5 rgb(24,20,245)
```
#2b14f5
```
#2b14f5 rgb(43,20,245)
```
#3d14f5
```
#3d14f5 rgb(61,20,245)
```
#5014f5
```
#5014f5 rgb(80,20,245)
```

Similar Colors

Text with hexadecimal color #1814f5

This text has a font color of #1814f5.

<span style="color:#1814f5;">Text here</span>

#1814f5 background color

This paragraph has a background color of #1814f5.

<p style="background-color:#1814f5;">Content here</p>

#1814f5 border color

This element has a border color of #1814f5.

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

CSS codes

.text {color:#1814f5;}

.background {background-color:#1814f5;}

.border {border:1px solid #1814f5;}

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, #01000a is the darkest color, while #f6f6ff is the lightest one.

#01000a
```
#01000a rgb(1,0,10)
```
#02011c
```
#02011c rgb(2,1,28)
```
#03022f
```
#03022f rgb(3,2,47)
```
#040342
```
#040342 rgb(4,3,66)
```
#050455
```
#050455 rgb(5,4,85)
```
#060468
```
#060468 rgb(6,4,104)
```
#07057a
```
#07057a rgb(7,5,122)
```
#08068d
```
#08068d rgb(8,6,141)
```
#0a07a0
```
#0a07a0 rgb(10,7,160)
```
#0b08b3
```
#0b08b3 rgb(11,8,179)
```
#0c08c6
```
#0c08c6 rgb(12,8,198)
```
#0d09d9
```
#0d09d9 rgb(13,9,217)
```
#0e0aeb
```
#0e0aeb rgb(14,10,235)
```

Shade Color Variation

#1814f5
```
#1814f5 rgb(24,20,245)
```
#2a27f6
```
#2a27f6 rgb(42,39,246)
```
#3d3af7
```
#3d3af7 rgb(61,58,247)
```
#4f4cf7
```
#4f4cf7 rgb(79,76,247)
```
#625ff8
```
#625ff8 rgb(98,95,248)
```
#7472f9
```
#7472f9 rgb(116,114,249)
```
#8785fa
```
#8785fa rgb(135,133,250)
```
#9998fb
```
#9998fb rgb(153,152,251)
```
#acabfb
```
#acabfb rgb(172,171,251)
```
#bebdfc
```
#bebdfc rgb(190,189,252)
```
#d1d0fd
```
#d1d0fd rgb(209,208,253)
```
#e3e3fe
```
#e3e3fe rgb(227,227,254)
```
#f6f6ff
```
#f6f6ff rgb(246,246,255)
```

Tint Color Variation

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

#7c7c8d
```
#7c7c8d rgb(124,124,141)
```
#737297
```
#737297 rgb(115,114,151)
```
#6a69a0
```
#6a69a0 rgb(106,105,160)
```
#615faa
```
#615faa rgb(97,95,170)
```
#5856b3
```
#5856b3 rgb(88,86,179)
```
#4f4dbc
```
#4f4dbc rgb(79,77,188)
```
#4543c6
```
#4543c6 rgb(69,67,198)
```
#3c3acf
```
#3c3acf rgb(60,58,207)
```
#3330d9
```
#3330d9 rgb(51,48,217)
```
#2a27e2
```
#2a27e2 rgb(42,39,226)
```
#211dec
```
#211dec rgb(33,29,236)
```
#1814f5
```
#1814f5 rgb(24,20,245)
```
#0f0bfe
```
#0f0bfe rgb(15,11,254)
```

Tone Color Variation

Below, you can see how #1814f5 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

#2f2f2f Achromatopsia 0.005% of the population
#2a2a57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588a Deuteranopia 1% of men
#005e61 Tritanopia 0.001% of the population

Trichromacy

#083cbf Protanomaly 1% of men, 0.01% of women
#083fb1 Deuteranomaly 6% of men, 0.4% of women
#084397 Tritanomaly 0.01% of the population

#1814f5 hex color

#1814f5 Color Information

#1814f5 Color Conversion

Color Schemes with #1814f5

Alternatives to #1814f5

#1814f5 Preview

Shades and Tints of #1814f5

Tones of #1814f5

Color Blindness Simulator