#2314f5 hex color

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

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

● #2314f5 color description : Vivid blue.

The hexadecimal color #2314f5 has RGB values of R:35, G:20, B:245 and CMYK values of C:0.86, M:0.92, Y:0, K:0.04. Its decimal value is 2299125.

Hex triplet	2314f5	`#2314f5`
RGB Decimal	35, 20, 245	`rgb(35,20,245)`
RGB Percent	13.7, 7.8, 96.1	`rgb(13.7%,7.8%,96.1%)`
CMYK	86, 92, 0, 4
HSL	244°, 91.8, 52	`hsl(244,91.8%,52%)`
HSV (or HSB)	244°, 91.8, 96.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.808, 73.643, -101.366
XYZ	17.421, 7.449, 86.901
xyY	0.156, 0.067, 7.449
CIE-LCH	32.808, 125.293, 305.999
CIE-LUV	32.808, -8.143, -126.405
Hunter-Lab	27.293, 66.177, -169.676
Binary	00100011, 00010100, 11110101

#2314f5
```
#2314f5 rgb(35,20,245)
```
#e6f514
```
#e6f514 rgb(230,245,20)
```

Complementary Color

#1476f5
```
#1476f5 rgb(20,118,245)
```
#2314f5
```
#2314f5 rgb(35,20,245)
```
#9414f5
```
#9414f5 rgb(148,20,245)
```

Analogous Color

#76f514
```
#76f514 rgb(118,245,20)
```
#2314f5
```
#2314f5 rgb(35,20,245)
```
#f59414
```
#f59414 rgb(245,148,20)
```

Split Complementary Color

#14f523
```
#14f523 rgb(20,245,35)
```
#2314f5
```
#2314f5 rgb(35,20,245)
```
#f52314
```
#f52314 rgb(245,35,20)
```

Triadic Color

#14e6f5
```
#14e6f5 rgb(20,230,245)
```
#2314f5
```
#2314f5 rgb(35,20,245)
```
#f52314
```
#f52314 rgb(245,35,20)
```
#e6f514
```
#e6f514 rgb(230,245,20)
```

Tetradic Color

#1308b5
```
#1308b5 rgb(19,8,181)
```
#1609cd
```
#1609cd rgb(22,9,205)
```
#180ae6
```
#180ae6 rgb(24,10,230)
```
#2314f5
```
#2314f5 rgb(35,20,245)
```
#3a2cf6
```
#3a2cf6 rgb(58,44,246)
```
#5145f7
```
#5145f7 rgb(81,69,247)
```
#685df8
```
#685df8 rgb(104,93,248)
```

Monochromatic Color

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

#143df5
```
#143df5 rgb(20,61,245)
```
#142af5
```
#142af5 rgb(20,42,245)
```
#1418f5
```
#1418f5 rgb(20,24,245)
```
#2314f5
```
#2314f5 rgb(35,20,245)
```
#3614f5
```
#3614f5 rgb(54,20,245)
```
#4914f5
```
#4914f5 rgb(73,20,245)
```
#5b14f5
```
#5b14f5 rgb(91,20,245)
```

Similar Colors

Text with hexadecimal color #2314f5

This text has a font color of #2314f5.

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

#2314f5 background color

This paragraph has a background color of #2314f5.

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

#2314f5 border color

This element has a border color of #2314f5.

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

CSS codes

.text {color:#2314f5;}

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

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

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)
```
#03011c
```
#03011c rgb(3,1,28)
```
#05022f
```
#05022f rgb(5,2,47)
```
#070342
```
#070342 rgb(7,3,66)
```
#090455
```
#090455 rgb(9,4,85)
```
#0b0468
```
#0b0468 rgb(11,4,104)
```
#0d057a
```
#0d057a rgb(13,5,122)
```
#0f068d
```
#0f068d rgb(15,6,141)
```
#1107a0
```
#1107a0 rgb(17,7,160)
```
#1308b3
```
#1308b3 rgb(19,8,179)
```
#1508c6
```
#1508c6 rgb(21,8,198)
```
#1709d9
```
#1709d9 rgb(23,9,217)
```
#190aeb
```
#190aeb rgb(25,10,235)
```

Shade Color Variation

#2314f5
```
#2314f5 rgb(35,20,245)
```
#3527f6
```
#3527f6 rgb(53,39,246)
```
#463af7
```
#463af7 rgb(70,58,247)
```
#584cf7
```
#584cf7 rgb(88,76,247)
```
#695ff8
```
#695ff8 rgb(105,95,248)
```
#7b72f9
```
#7b72f9 rgb(123,114,249)
```
#8d85fa
```
#8d85fa rgb(141,133,250)
```
#9e98fb
```
#9e98fb rgb(158,152,251)
```
#b0abfb
```
#b0abfb rgb(176,171,251)
```
#c2bdfc
```
#c2bdfc rgb(194,189,252)
```
#d3d0fd
```
#d3d0fd rgb(211,208,253)
```
#e5e3fe
```
#e5e3fe rgb(229,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, #7d7c8d is the less saturated color, while #1b0bfe is the most saturated one.

#7d7c8d
```
#7d7c8d rgb(125,124,141)
```
#757297
```
#757297 rgb(117,114,151)
```
#6d69a0
```
#6d69a0 rgb(109,105,160)
```
#645faa
```
#645faa rgb(100,95,170)
```
#5c56b3
```
#5c56b3 rgb(92,86,179)
```
#544dbc
```
#544dbc rgb(84,77,188)
```
#4c43c6
```
#4c43c6 rgb(76,67,198)
```
#443acf
```
#443acf rgb(68,58,207)
```
#3c30d9
```
#3c30d9 rgb(60,48,217)
```
#3327e2
```
#3327e2 rgb(51,39,226)
```
#2b1dec
```
#2b1dec rgb(43,29,236)
```
#2314f5
```
#2314f5 rgb(35,20,245)
```
#1b0bfe
```
#1b0bfe rgb(27,11,254)
```

Tone Color Variation

Below, you can see how #2314f5 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
#2f2c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a2 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#0c3cc0 Protanomaly 1% of men, 0.01% of women
#0c3fb2 Deuteranomaly 6% of men, 0.4% of women
#0c4398 Tritanomaly 0.01% of the population

#2314f5 hex color

#2314f5 Color Information

#2314f5 Color Conversion

Color Schemes with #2314f5

Alternatives to #2314f5

#2314f5 Preview

Shades and Tints of #2314f5

Tones of #2314f5

Color Blindness Simulator