#0314a8 hex color

In a RGB color space, hex #0314a8 is composed of 1.2% red, 7.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 88.1% magenta, 0% yellow and 34.1% black. It has a hue angle of 233.8 degrees, a saturation of 96.5% and a lightness of 33.5%. #0314a8 color hex could be obtained by blending #0628ff with #000051. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 8
- B 66
RGB color chart
- C 98
- M 88
- Y 0
- K 34
CMYK color chart

● #0314a8 color description : Dark blue.

The hexadecimal color #0314a8 has RGB values of R:3, G:20, B:168 and CMYK values of C:0.98, M:0.88, Y:0, K:0.34. Its decimal value is 201896.

Hex triplet	0314a8	`#0314a8`
RGB Decimal	3, 20, 168	`rgb(3,20,168)`
RGB Percent	1.2, 7.8, 65.9	`rgb(1.2%,7.8%,65.9%)`
CMYK	98, 88, 0, 34
HSL	233.8°, 96.5, 33.5	`hsl(233.8,96.5%,33.5%)`
HSV (or HSB)	233.8°, 98.2, 65.9
Web Safe	000099	`#000099`

CIE-LAB	21.38, 51.938, -75.495
XYZ	7.354, 3.346, 37.302
xyY	0.153, 0.07, 3.346
CIE-LCH	21.38, 91.635, 304.527
CIE-LUV	21.38, -6.738, -80.774
Hunter-Lab	18.293, 39.75, -108.097
Binary	00000011, 00010100, 10101000

#0314a8
```
#0314a8 rgb(3,20,168)
```
#a89703
```
#a89703 rgb(168,151,3)
```

Complementary Color

#0367a8
```
#0367a8 rgb(3,103,168)
```
#0314a8
```
#0314a8 rgb(3,20,168)
```
#4403a8
```
#4403a8 rgb(68,3,168)
```

Analogous Color

#67a803
```
#67a803 rgb(103,168,3)
```
#0314a8
```
#0314a8 rgb(3,20,168)
```
#a84503
```
#a84503 rgb(168,69,3)
```

Split Complementary Color

#14a803
```
#14a803 rgb(20,168,3)
```
#0314a8
```
#0314a8 rgb(3,20,168)
```
#a80314
```
#a80314 rgb(168,3,20)
```

Triadic Color

#03a897
```
#03a897 rgb(3,168,151)
```
#0314a8
```
#0314a8 rgb(3,20,168)
```
#a80314
```
#a80314 rgb(168,3,20)
```
#a89703
```
#a89703 rgb(168,151,3)
```

Tetradic Color

#020b5d
```
#020b5d rgb(2,11,93)
```
#020e76
```
#020e76 rgb(2,14,118)
```
#03118f
```
#03118f rgb(3,17,143)
```
#0314a8
```
#0314a8 rgb(3,20,168)
```
#0317c1
```
#0317c1 rgb(3,23,193)
```
#041ada
```
#041ada rgb(4,26,218)
```
#041df3
```
#041df3 rgb(4,29,243)
```

Monochromatic Color

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

#033da8
```
#033da8 rgb(3,61,168)
```
#0330a8
```
#0330a8 rgb(3,48,168)
```
#0322a8
```
#0322a8 rgb(3,34,168)
```
#0314a8
```
#0314a8 rgb(3,20,168)
```
#0306a8
```
#0306a8 rgb(3,6,168)
```
#0e03a8
```
#0e03a8 rgb(14,3,168)
```
#1b03a8
```
#1b03a8 rgb(27,3,168)
```

Similar Colors

Text with hexadecimal color #0314a8

This text has a font color of #0314a8.

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

#0314a8 background color

This paragraph has a background color of #0314a8.

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

#0314a8 border color

This element has a border color of #0314a8.

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

CSS codes

.text {color:#0314a8;}

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

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

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, #00020e is the darkest color, while #fafaff is the lightest one.

#00020e
```
#00020e rgb(0,2,14)
```
#010421
```
#010421 rgb(1,4,33)
```
#010634
```
#010634 rgb(1,6,52)
```
#010948
```
#010948 rgb(1,9,72)
```
#020b5b
```
#020b5b rgb(2,11,91)
```
#020d6e
```
#020d6e rgb(2,13,110)
```
#020f81
```
#020f81 rgb(2,15,129)
```
#031295
```
#031295 rgb(3,18,149)
```
#0314a8
```
#0314a8 rgb(3,20,168)
```
#0316bb
```
#0316bb rgb(3,22,187)
```
#0419cf
```
#0419cf rgb(4,25,207)
```
#041be2
```
#041be2 rgb(4,27,226)
```
#041df5
```
#041df5 rgb(4,29,245)
```

Shade Color Variation

#122afb
```
#122afb rgb(18,42,251)
```
#263cfb
```
#263cfb rgb(38,60,251)
```
#394dfb
```
#394dfb rgb(57,77,251)
```
#4c5efc
```
#4c5efc rgb(76,94,252)
```
#5f70fc
```
#5f70fc rgb(95,112,252)
```
#7381fc
```
#7381fc rgb(115,129,252)
```
#8692fd
```
#8692fd rgb(134,146,253)
```
#99a4fd
```
#99a4fd rgb(153,164,253)
```
#acb5fe
```
#acb5fe rgb(172,181,254)
```
#c0c6fe
```
#c0c6fe rgb(192,198,254)
```
#d3d7fe
```
#d3d7fe rgb(211,215,254)
```
#e6e9ff
```
#e6e9ff rgb(230,233,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#525359
```
#525359 rgb(82,83,89)
```
#4b4d60
```
#4b4d60 rgb(75,77,96)
```
#454866
```
#454866 rgb(69,72,102)
```
#3e436d
```
#3e436d rgb(62,67,109)
```
#383e73
```
#383e73 rgb(56,62,115)
```
#31397a
```
#31397a rgb(49,57,122)
```
#2a3381
```
#2a3381 rgb(42,51,129)
```
#242e87
```
#242e87 rgb(36,46,135)
```
#1d298e
```
#1d298e rgb(29,41,142)
```
#172494
```
#172494 rgb(23,36,148)
```
#101e9b
```
#101e9b rgb(16,30,155)
```
#0a19a1
```
#0a19a1 rgb(10,25,161)
```
#0314a8
```
#0314a8 rgb(3,20,168)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1a1e3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c74 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004446 Tritanopia 0.001% of the population

Trichromacy

#012d87 Protanomaly 1% of men, 0.01% of women
#012f7d Deuteranomaly 6% of men, 0.4% of women
#01326a Tritanomaly 0.01% of the population

#0314a8 hex color

#0314a8 Color Information

#0314a8 Color Conversion

Color Schemes with #0314a8

Alternatives to #0314a8

#0314a8 Preview

Shades and Tints of #0314a8

Tones of #0314a8

Color Blindness Simulator