#0314c7 hex color

In a RGB color space, hex #0314c7 is composed of 1.2% red, 7.8% green and 78% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 89.9% magenta, 0% yellow and 22% black. It has a hue angle of 234.8 degrees, a saturation of 97% and a lightness of 39.6%. #0314c7 color hex could be obtained by blending #0628ff with #00008f. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 8
- B 78
RGB color chart
- C 98
- M 90
- Y 0
- K 22
CMYK color chart

● #0314c7 color description : Strong blue.

The hexadecimal color #0314c7 has RGB values of R:3, G:20, B:199 and CMYK values of C:0.98, M:0.9, Y:0, K:0.22. Its decimal value is 201927.

Hex triplet	0314c7	`#0314c7`
RGB Decimal	3, 20, 199	`rgb(3,20,199)`
RGB Percent	1.2, 7.8, 78	`rgb(1.2%,7.8%,78%)`
CMYK	98, 90, 0, 22
HSL	234.8°, 97, 39.6	`hsl(234.8,97%,39.6%)`
HSV (or HSB)	234.8°, 98.5, 78
Web Safe	0000cc	`#0000cc`

CIE-LAB	25.691, 60.93, -86.788
XYZ	10.594, 4.642, 54.367
xyY	0.152, 0.067, 4.642
CIE-LCH	25.691, 106.04, 305.071
CIE-LUV	25.691, -7.91, -99.068
Hunter-Lab	21.546, 50.065, -134.524
Binary	00000011, 00010100, 11000111

#0314c7
```
#0314c7 rgb(3,20,199)
```
#c7b603
```
#c7b603 rgb(199,182,3)
```

Complementary Color

#0376c7
```
#0376c7 rgb(3,118,199)
```
#0314c7
```
#0314c7 rgb(3,20,199)
```
#5403c7
```
#5403c7 rgb(84,3,199)
```

Analogous Color

#76c703
```
#76c703 rgb(118,199,3)
```
#0314c7
```
#0314c7 rgb(3,20,199)
```
#c75403
```
#c75403 rgb(199,84,3)
```

Split Complementary Color

#14c703
```
#14c703 rgb(20,199,3)
```
#0314c7
```
#0314c7 rgb(3,20,199)
```
#c70314
```
#c70314 rgb(199,3,20)
```

Triadic Color

#03c7b6
```
#03c7b6 rgb(3,199,182)
```
#0314c7
```
#0314c7 rgb(3,20,199)
```
#c70314
```
#c70314 rgb(199,3,20)
```
#c7b603
```
#c7b603 rgb(199,182,3)
```

Tetradic Color

#020c7c
```
#020c7c rgb(2,12,124)
```
#020f95
```
#020f95 rgb(2,15,149)
```
#0311ae
```
#0311ae rgb(3,17,174)
```
#0314c7
```
#0314c7 rgb(3,20,199)
```
#0317e0
```
#0317e0 rgb(3,23,224)
```
#0419f9
```
#0419f9 rgb(4,25,249)
```
#1b2efc
```
#1b2efc rgb(27,46,252)
```

Monochromatic Color

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

#0345c7
```
#0345c7 rgb(3,69,199)
```
#0335c7
```
#0335c7 rgb(3,53,199)
```
#0324c7
```
#0324c7 rgb(3,36,199)
```
#0314c7
```
#0314c7 rgb(3,20,199)
```
#0304c7
```
#0304c7 rgb(3,4,199)
```
#1303c7
```
#1303c7 rgb(19,3,199)
```
#2303c7
```
#2303c7 rgb(35,3,199)
```

Similar Colors

Text with hexadecimal color #0314c7

This text has a font color of #0314c7.

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

#0314c7 background color

This paragraph has a background color of #0314c7.

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

#0314c7 border color

This element has a border color of #0314c7.

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

CSS codes

.text {color:#0314c7;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#000319
```
#000319 rgb(0,3,25)
```
#01042c
```
#01042c rgb(1,4,44)
```
#010640
```
#010640 rgb(1,6,64)
```
#010853
```
#010853 rgb(1,8,83)
```
#020a66
```
#020a66 rgb(2,10,102)
```
#020c7a
```
#020c7a rgb(2,12,122)
```
#020e8d
```
#020e8d rgb(2,14,141)
```
#0210a0
```
#0210a0 rgb(2,16,160)
```
#0312b4
```
#0312b4 rgb(3,18,180)
```
#0314c7
```
#0314c7 rgb(3,20,199)
```
#0316da
```
#0316da rgb(3,22,218)
```
#0418ee
```
#0418ee rgb(4,24,238)
```

Shade Color Variation

#0a1ffb
```
#0a1ffb rgb(10,31,251)
```
#1d30fc
```
#1d30fc rgb(29,48,252)
```
#3042fc
```
#3042fc rgb(48,66,252)
```
#4454fc
```
#4454fc rgb(68,84,252)
```
#5765fc
```
#5765fc rgb(87,101,252)
```
#6a77fd
```
#6a77fd rgb(106,119,253)
```
#7d89fd
```
#7d89fd rgb(125,137,253)
```
#919afd
```
#919afd rgb(145,154,253)
```
#a4acfe
```
#a4acfe rgb(164,172,254)
```
#b7befe
```
#b7befe rgb(183,190,254)
```
#cbcffe
```
#cbcffe rgb(203,207,254)
```
#dee1ff
```
#dee1ff rgb(222,225,255)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#60616a
```
#60616a rgb(96,97,106)
```
#585b72
```
#585b72 rgb(88,91,114)
```
#515479
```
#515479 rgb(81,84,121)
```
#494e81
```
#494e81 rgb(73,78,129)
```
#414789
```
#414789 rgb(65,71,137)
```
#394191
```
#394191 rgb(57,65,145)
```
#323b98
```
#323b98 rgb(50,59,152)
```
#2a34a0
```
#2a34a0 rgb(42,52,160)
```
#222ea8
```
#222ea8 rgb(34,46,168)
```
#1a27b0
```
#1a27b0 rgb(26,39,176)
```
#1321b7
```
#1321b7 rgb(19,33,183)
```
#0b1abf
```
#0b1abf rgb(11,26,191)
```
#0314c7
```
#0314c7 rgb(3,20,199)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#1d2044 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004585 Protanopia 1% of men
#004973 Deuteranopia 1% of men
#004e51 Tritanopia 0.001% of the population

Trichromacy

#01339d Protanomaly 1% of men, 0.01% of women
#013591 Deuteranomaly 6% of men, 0.4% of women
#01387b Tritanomaly 0.01% of the population

#0314c7 hex color

#0314c7 Color Information

#0314c7 Color Conversion

Color Schemes with #0314c7

Alternatives to #0314c7

#0314c7 Preview

Shades and Tints of #0314c7

Tones of #0314c7

Color Blindness Simulator