#0314fa hex color

In a RGB color space, hex #0314fa is composed of 1.2% red, 7.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 92% magenta, 0% yellow and 2% black. It has a hue angle of 235.9 degrees, a saturation of 97.6% and a lightness of 49.6%. #0314fa color hex could be obtained by blending #0628ff with #0000f5. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 1
- G 8
- B 98
RGB color chart
- C 99
- M 92
- Y 0
- K 2
CMYK color chart

● #0314fa color description : Vivid blue.

The hexadecimal color #0314fa has RGB values of R:3, G:20, B:250 and CMYK values of C:0.99, M:0.92, Y:0, K:0.02. Its decimal value is 201978.

Hex triplet	0314fa	`#0314fa`
RGB Decimal	3, 20, 250	`rgb(3,20,250)`
RGB Percent	1.2, 7.8, 98	`rgb(1.2%,7.8%,98%)`
CMYK	99, 92, 0, 2
HSL	235.9°, 97.6, 49.6	`hsl(235.9,97.6%,49.6%)`
HSV (or HSB)	235.9°, 98.8, 98
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.745, 74.553, -104.308
XYZ	17.54, 7.42, 90.945
xyY	0.151, 0.064, 7.42
CIE-LCH	32.745, 128.212, 305.555
CIE-LUV	32.745, -9.867, -128.591
Hunter-Lab	27.24, 67.262, -178.878
Binary	00000011, 00010100, 11111010

#0314fa
```
#0314fa rgb(3,20,250)
```
#fae903
```
#fae903 rgb(250,233,3)
```

Complementary Color

#0390fa
```
#0390fa rgb(3,144,250)
```
#0314fa
```
#0314fa rgb(3,20,250)
```
#6e03fa
```
#6e03fa rgb(110,3,250)
```

Analogous Color

#90fa03
```
#90fa03 rgb(144,250,3)
```
#0314fa
```
#0314fa rgb(3,20,250)
```
#fa6e03
```
#fa6e03 rgb(250,110,3)
```

Split Complementary Color

#14fa03
```
#14fa03 rgb(20,250,3)
```
#0314fa
```
#0314fa rgb(3,20,250)
```
#fa0314
```
#fa0314 rgb(250,3,20)
```

Triadic Color

#03fae9
```
#03fae9 rgb(3,250,233)
```
#0314fa
```
#0314fa rgb(3,20,250)
```
#fa0314
```
#fa0314 rgb(250,3,20)
```
#fae903
```
#fae903 rgb(250,233,3)
```

Tetradic Color

#020eae
```
#020eae rgb(2,14,174)
```
#0210c8
```
#0210c8 rgb(2,16,200)
```
#0312e1
```
#0312e1 rgb(3,18,225)
```
#0314fa
```
#0314fa rgb(3,20,250)
```
#1a2afc
```
#1a2afc rgb(26,42,252)
```
#3341fd
```
#3341fd rgb(51,65,253)
```
#4d59fd
```
#4d59fd rgb(77,89,253)
```

Monochromatic Color

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

#0352fa
```
#0352fa rgb(3,82,250)
```
#033dfa
```
#033dfa rgb(3,61,250)
```
#0329fa
```
#0329fa rgb(3,41,250)
```
#0314fa
```
#0314fa rgb(3,20,250)
```
#0703fa
```
#0703fa rgb(7,3,250)
```
#1b03fa
```
#1b03fa rgb(27,3,250)
```
#3003fa
```
#3003fa rgb(48,3,250)
```

Similar Colors

Text with hexadecimal color #0314fa

This text has a font color of #0314fa.

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

#0314fa background color

This paragraph has a background color of #0314fa.

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

#0314fa border color

This element has a border color of #0314fa.

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

CSS codes

.text {color:#0314fa;}

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

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

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)
```
#000325
```
#000325 rgb(0,3,37)
```
#010438
```
#010438 rgb(1,4,56)
```
#01064c
```
#01064c rgb(1,6,76)
```
#01085f
```
#01085f rgb(1,8,95)
```
#010972
```
#010972 rgb(1,9,114)
```
#020b86
```
#020b86 rgb(2,11,134)
```
#020c99
```
#020c99 rgb(2,12,153)
```
#020eac
```
#020eac rgb(2,14,172)
```
#020fc0
```
#020fc0 rgb(2,15,192)
```
#0311d3
```
#0311d3 rgb(3,17,211)
```
#0312e7
```
#0312e7 rgb(3,18,231)
```
#0314fa
```
#0314fa rgb(3,20,250)
```

Shade Color Variation

#1424fc
```
#1424fc rgb(20,36,252)
```
#2836fc
```
#2836fc rgb(40,54,252)
```
#3b49fd
```
#3b49fd rgb(59,73,253)
```
#4f5bfd
```
#4f5bfd rgb(79,91,253)
```
#626dfd
```
#626dfd rgb(98,109,253)
```
#757ffd
```
#757ffd rgb(117,127,253)
```
#8991fe
```
#8991fe rgb(137,145,254)
```
#9ca3fe
```
#9ca3fe rgb(156,163,254)
```
#afb5fe
```
#afb5fe rgb(175,181,254)
```
#c3c7fe
```
#c3c7fe rgb(195,199,254)
```
#d6d9ff
```
#d6d9ff rgb(214,217,255)
```
#eaebff
```
#eaebff rgb(234,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, #787985 is the less saturated color, while #0314fa is the most saturated one.

#787985
```
#787985 rgb(120,121,133)
```
#6e708f
```
#6e708f rgb(110,112,143)
```
#646899
```
#646899 rgb(100,104,153)
```
#5b60a2
```
#5b60a2 rgb(91,96,162)
```
#5157ac
```
#5157ac rgb(81,87,172)
```
#474fb6
```
#474fb6 rgb(71,79,182)
```
#3d46c0
```
#3d46c0 rgb(61,70,192)
```
#343ec9
```
#343ec9 rgb(52,62,201)
```
#2a36d3
```
#2a36d3 rgb(42,54,211)
```
#202ddd
```
#202ddd rgb(32,45,221)
```
#1625e7
```
#1625e7 rgb(22,37,231)
```
#0d1cf0
```
#0d1cf0 rgb(13,28,240)
```
#0314fa
```
#0314fa rgb(3,20,250)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#212553 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#013cc2 Protanomaly 1% of men, 0.01% of women
#013fb3 Deuteranomaly 6% of men, 0.4% of women
#014399 Tritanomaly 0.01% of the population

#0314fa hex color

#0314fa Color Information

#0314fa Color Conversion

Color Schemes with #0314fa

Alternatives to #0314fa

#0314fa Preview

Shades and Tints of #0314fa

Tones of #0314fa

Color Blindness Simulator