#0314e6 hex color

In a RGB color space, hex #0314e6 is composed of 1.2% red, 7.8% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 91.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 235.5 degrees, a saturation of 97.4% and a lightness of 45.7%. #0314e6 color hex could be obtained by blending #0628ff with #0000cd. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 1
- G 8
- B 90
RGB color chart
- C 99
- M 91
- Y 0
- K 10
CMYK color chart

● #0314e6 color description : Vivid blue.

The hexadecimal color #0314e6 has RGB values of R:3, G:20, B:230 and CMYK values of C:0.99, M:0.91, Y:0, K:0.1. Its decimal value is 201958.

Hex triplet	0314e6	`#0314e6`
RGB Decimal	3, 20, 230	`rgb(3,20,230)`
RGB Percent	1.2, 7.8, 90.2	`rgb(1.2%,7.8%,90.2%)`
CMYK	99, 91, 0, 10
HSL	235.5°, 97.4, 45.7	`hsl(235.5,97.4%,45.7%)`
HSV (or HSB)	235.5°, 98.7, 90.2
Web Safe	0000ff	`#0000ff`

CIE-LAB	29.99, 69.35, -97.567
XYZ	14.568, 6.232, 75.294
xyY	0.152, 0.065, 6.232
CIE-LCH	29.99, 119.703, 305.405
CIE-LUV	29.99, -9.098, -117.107
Hunter-Lab	24.963, 60.481, -161.354
Binary	00000011, 00010100, 11100110

#0314e6
```
#0314e6 rgb(3,20,230)
```
#e6d503
```
#e6d503 rgb(230,213,3)
```

Complementary Color

#0386e6
```
#0386e6 rgb(3,134,230)
```
#0314e6
```
#0314e6 rgb(3,20,230)
```
#6303e6
```
#6303e6 rgb(99,3,230)
```

Analogous Color

#86e603
```
#86e603 rgb(134,230,3)
```
#0314e6
```
#0314e6 rgb(3,20,230)
```
#e66403
```
#e66403 rgb(230,100,3)
```

Split Complementary Color

#14e603
```
#14e603 rgb(20,230,3)
```
#0314e6
```
#0314e6 rgb(3,20,230)
```
#e60314
```
#e60314 rgb(230,3,20)
```

Triadic Color

#03e6d5
```
#03e6d5 rgb(3,230,213)
```
#0314e6
```
#0314e6 rgb(3,20,230)
```
#e60314
```
#e60314 rgb(230,3,20)
```
#e6d503
```
#e6d503 rgb(230,213,3)
```

Tetradic Color

#020d9a
```
#020d9a rgb(2,13,154)
```
#0210b4
```
#0210b4 rgb(2,16,180)
```
#0312cd
```
#0312cd rgb(3,18,205)
```
#0314e6
```
#0314e6 rgb(3,20,230)
```
#0719fc
```
#0719fc rgb(7,25,252)
```
#2030fc
```
#2030fc rgb(32,48,252)
```
#3948fc
```
#3948fc rgb(57,72,252)
```

Monochromatic Color

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

#034de6
```
#034de6 rgb(3,77,230)
```
#033ae6
```
#033ae6 rgb(3,58,230)
```
#0327e6
```
#0327e6 rgb(3,39,230)
```
#0314e6
```
#0314e6 rgb(3,20,230)
```
#0503e6
```
#0503e6 rgb(5,3,230)
```
#1803e6
```
#1803e6 rgb(24,3,230)
```
#2b03e6
```
#2b03e6 rgb(43,3,230)
```

Similar Colors

Text with hexadecimal color #0314e6

This text has a font color of #0314e6.

<span style="color:#0314e6;">Text here</span>

#0314e6 background color

This paragraph has a background color of #0314e6.

<p style="background-color:#0314e6;">Content here</p>

#0314e6 border color

This element has a border color of #0314e6.

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

CSS codes

.text {color:#0314e6;}

.background {background-color:#0314e6;}

.border {border:1px solid #0314e6;}

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

#000111
```
#000111 rgb(0,1,17)
```
#000324
```
#000324 rgb(0,3,36)
```
#010538
```
#010538 rgb(1,5,56)
```
#01074b
```
#01074b rgb(1,7,75)
```
#01085e
```
#01085e rgb(1,8,94)
```
#010a72
```
#010a72 rgb(1,10,114)
```
#020c85
```
#020c85 rgb(2,12,133)
```
#020d99
```
#020d99 rgb(2,13,153)
```
#020fac
```
#020fac rgb(2,15,172)
```
#0211bf
```
#0211bf rgb(2,17,191)
```
#0312d3
```
#0312d3 rgb(3,18,211)
```
#0314e6
```
#0314e6 rgb(3,20,230)
```
#0316f9
```
#0316f9 rgb(3,22,249)
```

Shade Color Variation

#1426fc
```
#1426fc rgb(20,38,252)
```
#2838fc
```
#2838fc rgb(40,56,252)
```
#3b4afc
```
#3b4afc rgb(59,74,252)
```
#4e5bfd
```
#4e5bfd rgb(78,91,253)
```
#626dfd
```
#626dfd rgb(98,109,253)
```
#757ffd
```
#757ffd rgb(117,127,253)
```
#8891fd
```
#8891fd rgb(136,145,253)
```
#9ca3fe
```
#9ca3fe rgb(156,163,254)
```
#afb5fe
```
#afb5fe rgb(175,181,254)
```
#c3c7fe
```
#c3c7fe rgb(195,199,254)
```
#d6d9fe
```
#d6d9fe rgb(214,217,254)
```
#e9ebff
```
#e9ebff rgb(233,235,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6f7a is the less saturated color, while #0314e6 is the most saturated one.

#6f6f7a
```
#6f6f7a rgb(111,111,122)
```
#666883
```
#666883 rgb(102,104,131)
```
#5d608c
```
#5d608c rgb(93,96,140)
```
#545995
```
#545995 rgb(84,89,149)
```
#4b519e
```
#4b519e rgb(75,81,158)
```
#4249a7
```
#4249a7 rgb(66,73,167)
```
#3942b0
```
#3942b0 rgb(57,66,176)
```
#303ab9
```
#303ab9 rgb(48,58,185)
```
#2732c2
```
#2732c2 rgb(39,50,194)
```
#1e2bcb
```
#1e2bcb rgb(30,43,203)
```
#1523d4
```
#1523d4 rgb(21,35,212)
```
#0c1cdd
```
#0c1cdd rgb(12,28,221)
```
#0314e6
```
#0314e6 rgb(3,20,230)
```

Tone Color Variation

Below, you can see how #0314e6 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

#272727 Achromatopsia 0.005% of the population
#20234d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585b Tritanopia 0.001% of the population

Trichromacy

#0138b3 Protanomaly 1% of men, 0.01% of women
#013ba6 Deuteranomaly 6% of men, 0.4% of women
#013f8d Tritanomaly 0.01% of the population

#0314e6 hex color

#0314e6 Color Information

#0314e6 Color Conversion

Color Schemes with #0314e6

Alternatives to #0314e6

#0314e6 Preview

Shades and Tints of #0314e6

Tones of #0314e6

Color Blindness Simulator