#0314fd hex color

In a RGB color space, hex #0314fd is composed of 1.2% red, 7.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 92.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 235.9 degrees, a saturation of 98.4% and a lightness of 50.2%. #0314fd color hex could be obtained by blending #0628ff with #0000fb. Closest websafe color is: #0000ff.

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

● #0314fd color description : Vivid blue.

The hexadecimal color #0314fd has RGB values of R:3, G:20, B:253 and CMYK values of C:0.99, M:0.92, Y:0, K:0.01. Its decimal value is 201981.

Hex triplet	0314fd	`#0314fd`
RGB Decimal	3, 20, 253	`rgb(3,20,253)`
RGB Percent	1.2, 7.8, 99.2	`rgb(1.2%,7.8%,99.2%)`
CMYK	99, 92, 0, 1
HSL	235.9°, 98.4, 50.2	`hsl(235.9,98.4%,50.2%)`
HSV (or HSB)	235.9°, 98.8, 99.2
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.157, 75.32, -105.306
XYZ	18.014, 7.61, 93.443
xyY	0.151, 0.064, 7.61
CIE-LCH	33.157, 129.47, 305.574
CIE-LUV	33.157, -9.982, -130.303
Hunter-Lab	27.586, 68.284, -181.521
Binary	00000011, 00010100, 11111101

#0314fd
```
#0314fd rgb(3,20,253)
```
#fdec03
```
#fdec03 rgb(253,236,3)
```

Complementary Color

#0391fd
```
#0391fd rgb(3,145,253)
```
#0314fd
```
#0314fd rgb(3,20,253)
```
#6f03fd
```
#6f03fd rgb(111,3,253)
```

Analogous Color

#91fd03
```
#91fd03 rgb(145,253,3)
```
#0314fd
```
#0314fd rgb(3,20,253)
```
#fd6f03
```
#fd6f03 rgb(253,111,3)
```

Split Complementary Color

#14fd03
```
#14fd03 rgb(20,253,3)
```
#0314fd
```
#0314fd rgb(3,20,253)
```
#fd0314
```
#fd0314 rgb(253,3,20)
```

Triadic Color

#03fdec
```
#03fdec rgb(3,253,236)
```
#0314fd
```
#0314fd rgb(3,20,253)
```
#fd0314
```
#fd0314 rgb(253,3,20)
```
#fdec03
```
#fdec03 rgb(253,236,3)
```

Tetradic Color

#010db2
```
#010db2 rgb(1,13,178)
```
#020fcb
```
#020fcb rgb(2,15,203)
```
#0211e5
```
#0211e5 rgb(2,17,229)
```
#0314fd
```
#0314fd rgb(3,20,253)
```
#1c2cfd
```
#1c2cfd rgb(28,44,253)
```
#3643fd
```
#3643fd rgb(54,67,253)
```
#4f5bfe
```
#4f5bfe rgb(79,91,254)
```

Monochromatic Color

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

#0353fd
```
#0353fd rgb(3,83,253)
```
#033efd
```
#033efd rgb(3,62,253)
```
#0329fd
```
#0329fd rgb(3,41,253)
```
#0314fd
```
#0314fd rgb(3,20,253)
```
#0703fd
```
#0703fd rgb(7,3,253)
```
#1c03fd
```
#1c03fd rgb(28,3,253)
```
#3003fd
```
#3003fd rgb(48,3,253)
```

Similar Colors

Text with hexadecimal color #0314fd

This text has a font color of #0314fd.

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

#0314fd background color

This paragraph has a background color of #0314fd.

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

#0314fd border color

This element has a border color of #0314fd.

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

CSS codes

.text {color:#0314fd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000214
```
#000214 rgb(0,2,20)
```
#000328
```
#000328 rgb(0,3,40)
```
#00043b
```
#00043b rgb(0,4,59)
```
#01064f
```
#01064f rgb(1,6,79)
```
#010762
```
#010762 rgb(1,7,98)
```
#010976
```
#010976 rgb(1,9,118)
```
#010a89
```
#010a89 rgb(1,10,137)
```
#010c9d
```
#010c9d rgb(1,12,157)
```
#010db0
```
#010db0 rgb(1,13,176)
```
#020fc4
```
#020fc4 rgb(2,15,196)
```
#0210d7
```
#0210d7 rgb(2,16,215)
```
#0212eb
```
#0212eb rgb(2,18,235)
```

Shade Color Variation

#0314fd
```
#0314fd rgb(3,20,253)
```
#1626fd
```
#1626fd rgb(22,38,253)
```
#2a38fd
```
#2a38fd rgb(42,56,253)
```
#3d4afd
```
#3d4afd rgb(61,74,253)
```
#515dfe
```
#515dfe rgb(81,93,254)
```
#646ffe
```
#646ffe rgb(100,111,254)
```
#7881fe
```
#7881fe rgb(120,129,254)
```
#8b93fe
```
#8b93fe rgb(139,147,254)
```
#9fa5fe
```
#9fa5fe rgb(159,165,254)
```
#b2b7fe
```
#b2b7fe rgb(178,183,254)
```
#c6c9ff
```
#c6c9ff rgb(198,201,255)
```
#d9dcff
```
#d9dcff rgb(217,220,255)
```
#edeeff
```
#edeeff rgb(237,238,255)
```

Tint Color Variation

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

#787988
```
#787988 rgb(120,121,136)
```
#6e7192
```
#6e7192 rgb(110,113,146)
```
#65689b
```
#65689b rgb(101,104,155)
```
#5b60a5
```
#5b60a5 rgb(91,96,165)
```
#5158af
```
#5158af rgb(81,88,175)
```
#474fb9
```
#474fb9 rgb(71,79,185)
```
#3e47c2
```
#3e47c2 rgb(62,71,194)
```
#343ecc
```
#343ecc rgb(52,62,204)
```
#2a36d6
```
#2a36d6 rgb(42,54,214)
```
#202de0
```
#202de0 rgb(32,45,224)
```
#1725e9
```
#1725e9 rgb(23,37,233)
```
#0d1cf3
```
#0d1cf3 rgb(13,28,243)
```
#0314fd
```
#0314fd rgb(3,20,253)
```

Tone Color Variation

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

#0054a4 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#013dc4 Protanomaly 1% of men, 0.01% of women
#0140b6 Deuteranomaly 6% of men, 0.4% of women
#01449b Tritanomaly 0.01% of the population

#0314fd hex color

#0314fd Color Information

#0314fd Color Conversion

Color Schemes with #0314fd

Alternatives to #0314fd

#0314fd Preview

Shades and Tints of #0314fd

Tones of #0314fd

Color Blindness Simulator