#1814f6 hex color

In a RGB color space, hex #1814f6 is composed of 9.4% red, 7.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 91.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 241.1 degrees, a saturation of 92.6% and a lightness of 52.2%. #1814f6 color hex could be obtained by blending #3028ff with #0000ed. 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

● #1814f6 color description : Vivid blue.

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

Hex triplet	1814f6	`#1814f6`
RGB Decimal	24, 20, 246	`rgb(24,20,246)`
RGB Percent	9.4, 7.8, 96.5	`rgb(9.4%,7.8%,96.5%)`
CMYK	90, 92, 0, 4
HSL	241.1°, 92.6, 52.2	`hsl(241.1,92.6%,52.2%)`
HSV (or HSB)	241.1°, 91.9, 96.5
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.584, 73.717, -102.313
XYZ	17.258, 7.347, 87.692
xyY	0.154, 0.065, 7.347
CIE-LCH	32.584, 126.104, 305.773
CIE-LUV	32.584, -8.929, -126.665
Hunter-Lab	27.105, 66.217, -172.843
Binary	00011000, 00010100, 11110110

#1814f6
```
#1814f6 rgb(24,20,246)
```
#f2f614
```
#f2f614 rgb(242,246,20)
```

Complementary Color

#1481f6
```
#1481f6 rgb(20,129,246)
```
#1814f6
```
#1814f6 rgb(24,20,246)
```
#8914f6
```
#8914f6 rgb(137,20,246)
```

Analogous Color

#81f614
```
#81f614 rgb(129,246,20)
```
#1814f6
```
#1814f6 rgb(24,20,246)
```
#f68914
```
#f68914 rgb(246,137,20)
```

Split Complementary Color

#14f618
```
#14f618 rgb(20,246,24)
```
#1814f6
```
#1814f6 rgb(24,20,246)
```
#f61814
```
#f61814 rgb(246,24,20)
```

Triadic Color

#14f2f6
```
#14f2f6 rgb(20,242,246)
```
#1814f6
```
#1814f6 rgb(24,20,246)
```
#f61814
```
#f61814 rgb(246,24,20)
```
#f2f614
```
#f2f614 rgb(242,246,20)
```

Tetradic Color

#0a07b7
```
#0a07b7 rgb(10,7,183)
```
#0b08cf
```
#0b08cf rgb(11,8,207)
```
#0d09e8
```
#0d09e8 rgb(13,9,232)
```
#1814f6
```
#1814f6 rgb(24,20,246)
```
#302df7
```
#302df7 rgb(48,45,247)
```
#4845f8
```
#4845f8 rgb(72,69,248)
```
#605ef9
```
#605ef9 rgb(96,94,249)
```

Monochromatic Color

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

#1448f6
```
#1448f6 rgb(20,72,246)
```
#1436f6
```
#1436f6 rgb(20,54,246)
```
#1423f6
```
#1423f6 rgb(20,35,246)
```
#1814f6
```
#1814f6 rgb(24,20,246)
```
#2b14f6
```
#2b14f6 rgb(43,20,246)
```
#3e14f6
```
#3e14f6 rgb(62,20,246)
```
#5114f6
```
#5114f6 rgb(81,20,246)
```

Similar Colors

Text with hexadecimal color #1814f6

This text has a font color of #1814f6.

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

#1814f6 background color

This paragraph has a background color of #1814f6.

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

#1814f6 border color

This element has a border color of #1814f6.

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

CSS codes

.text {color:#1814f6;}

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

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

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

#01000b
```
#01000b rgb(1,0,11)
```
#02011d
```
#02011d rgb(2,1,29)
```
#030230
```
#030230 rgb(3,2,48)
```
#040343
```
#040343 rgb(4,3,67)
```
#050356
```
#050356 rgb(5,3,86)
```
#060469
```
#060469 rgb(6,4,105)
```
#07057c
```
#07057c rgb(7,5,124)
```
#08058f
```
#08058f rgb(8,5,143)
```
#0906a2
```
#0906a2 rgb(9,6,162)
```
#0a07b5
```
#0a07b5 rgb(10,7,181)
```
#0b08c8
```
#0b08c8 rgb(11,8,200)
```
#0c08da
```
#0c08da rgb(12,8,218)
```
#0d09ed
```
#0d09ed rgb(13,9,237)
```

Shade Color Variation

#1814f6
```
#1814f6 rgb(24,20,246)
```
#2b27f7
```
#2b27f7 rgb(43,39,247)
```
#3d3af7
```
#3d3af7 rgb(61,58,247)
```
#504df8
```
#504df8 rgb(80,77,248)
```
#6260f9
```
#6260f9 rgb(98,96,249)
```
#7572fa
```
#7572fa rgb(117,114,250)
```
#8785fa
```
#8785fa rgb(135,133,250)
```
#9a98fb
```
#9a98fb rgb(154,152,251)
```
#adabfc
```
#adabfc rgb(173,171,252)
```
#bfbefd
```
#bfbefd rgb(191,190,253)
```
#d2d1fd
```
#d2d1fd rgb(210,209,253)
```
#e4e4fe
```
#e4e4fe rgb(228,228,254)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Tint Color Variation

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

#858585
```
#858585 rgb(133,133,133)
```
#7c7b8f
```
#7c7b8f rgb(124,123,143)
```
#737298
```
#737298 rgb(115,114,152)
```
#6968a2
```
#6968a2 rgb(105,104,162)
```
#605fab
```
#605fab rgb(96,95,171)
```
#5756b4
```
#5756b4 rgb(87,86,180)
```
#4e4cbe
```
#4e4cbe rgb(78,76,190)
```
#4543c7
```
#4543c7 rgb(69,67,199)
```
#3c3ad0
```
#3c3ad0 rgb(60,58,208)
```
#3330da
```
#3330da rgb(51,48,218)
```
#2a27e3
```
#2a27e3 rgb(42,39,227)
```
#211ded
```
#211ded rgb(33,29,237)
```
#1814f6
```
#1814f6 rgb(24,20,246)
```

Tone Color Variation

Below, you can see how #1814f6 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
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

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

#1814f6 hex color

#1814f6 Color Information

#1814f6 Color Conversion

Color Schemes with #1814f6

Alternatives to #1814f6

#1814f6 Preview

Shades and Tints of #1814f6

Tones of #1814f6

Color Blindness Simulator