#0314aa hex color

In a RGB color space, hex #0314aa is composed of 1.2% red, 7.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 88.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 233.9 degrees, a saturation of 96.5% and a lightness of 33.9%. #0314aa color hex could be obtained by blending #0628ff with #000055. Closest websafe color is: #000099.

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

● #0314aa color description : Dark blue.

The hexadecimal color #0314aa has RGB values of R:3, G:20, B:170 and CMYK values of C:0.98, M:0.88, Y:0, K:0.33. Its decimal value is 201898.

Hex triplet	0314aa	`#0314aa`
RGB Decimal	3, 20, 170	`rgb(3,20,170)`
RGB Percent	1.2, 7.8, 66.7	`rgb(1.2%,7.8%,66.7%)`
CMYK	98, 88, 0, 33
HSL	233.9°, 96.5, 33.9	`hsl(233.9,96.5%,33.9%)`
HSV (or HSB)	233.9°, 98.2, 66.7
Web Safe	000099	`#000099`

CIE-LAB	21.658, 52.539, -76.242
XYZ	7.542, 3.421, 38.291
xyY	0.153, 0.069, 3.421
CIE-LCH	21.658, 92.592, 304.571
CIE-LUV	21.658, -6.813, -81.96
Hunter-Lab	18.497, 40.412, -109.79
Binary	00000011, 00010100, 10101010

#0314aa
```
#0314aa rgb(3,20,170)
```
#aa9903
```
#aa9903 rgb(170,153,3)
```

Complementary Color

#0368aa
```
#0368aa rgb(3,104,170)
```
#0314aa
```
#0314aa rgb(3,20,170)
```
#4603aa
```
#4603aa rgb(70,3,170)
```

Analogous Color

#68aa03
```
#68aa03 rgb(104,170,3)
```
#0314aa
```
#0314aa rgb(3,20,170)
```
#aa4603
```
#aa4603 rgb(170,70,3)
```

Split Complementary Color

#14aa03
```
#14aa03 rgb(20,170,3)
```
#0314aa
```
#0314aa rgb(3,20,170)
```
#aa0314
```
#aa0314 rgb(170,3,20)
```

Triadic Color

#03aa99
```
#03aa99 rgb(3,170,153)
```
#0314aa
```
#0314aa rgb(3,20,170)
```
#aa0314
```
#aa0314 rgb(170,3,20)
```
#aa9903
```
#aa9903 rgb(170,153,3)
```

Tetradic Color

#020b5f
```
#020b5f rgb(2,11,95)
```
#020e78
```
#020e78 rgb(2,14,120)
```
#031191
```
#031191 rgb(3,17,145)
```
#0314aa
```
#0314aa rgb(3,20,170)
```
#0317c3
```
#0317c3 rgb(3,23,195)
```
#041adc
```
#041adc rgb(4,26,220)
```
#041df5
```
#041df5 rgb(4,29,245)
```

Monochromatic Color

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

#033eaa
```
#033eaa rgb(3,62,170)
```
#0330aa
```
#0330aa rgb(3,48,170)
```
#0322aa
```
#0322aa rgb(3,34,170)
```
#0314aa
```
#0314aa rgb(3,20,170)
```
#0306aa
```
#0306aa rgb(3,6,170)
```
#0e03aa
```
#0e03aa rgb(14,3,170)
```
#1c03aa
```
#1c03aa rgb(28,3,170)
```

Similar Colors

Text with hexadecimal color #0314aa

This text has a font color of #0314aa.

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

#0314aa background color

This paragraph has a background color of #0314aa.

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

#0314aa border color

This element has a border color of #0314aa.

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

CSS codes

.text {color:#0314aa;}

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

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

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

#000210
```
#000210 rgb(0,2,16)
```
#010423
```
#010423 rgb(1,4,35)
```
#010636
```
#010636 rgb(1,6,54)
```
#01094a
```
#01094a rgb(1,9,74)
```
#020b5d
```
#020b5d rgb(2,11,93)
```
#020d70
```
#020d70 rgb(2,13,112)
```
#020f83
```
#020f83 rgb(2,15,131)
```
#031297
```
#031297 rgb(3,18,151)
```
#0314aa
```
#0314aa rgb(3,20,170)
```
#0316bd
```
#0316bd rgb(3,22,189)
```
#0419d1
```
#0419d1 rgb(4,25,209)
```
#041be4
```
#041be4 rgb(4,27,228)
```
#041df7
```
#041df7 rgb(4,29,247)
```

Shade Color Variation

#142cfb
```
#142cfb rgb(20,44,251)
```
#273dfb
```
#273dfb rgb(39,61,251)
```
#3b4efc
```
#3b4efc rgb(59,78,252)
```
#4e60fc
```
#4e60fc rgb(78,96,252)
```
#6171fc
```
#6171fc rgb(97,113,252)
```
#7582fd
```
#7582fd rgb(117,130,253)
```
#8894fd
```
#8894fd rgb(136,148,253)
```
#9ba5fd
```
#9ba5fd rgb(155,165,253)
```
#aeb6fe
```
#aeb6fe rgb(174,182,254)
```
#c2c8fe
```
#c2c8fe rgb(194,200,254)
```
#d5d9fe
```
#d5d9fe rgb(213,217,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#53545a
```
#53545a rgb(83,84,90)
```
#4c4e61
```
#4c4e61 rgb(76,78,97)
```
#464967
```
#464967 rgb(70,73,103)
```
#3f446e
```
#3f446e rgb(63,68,110)
```
#383e75
```
#383e75 rgb(56,62,117)
```
#32397b
```
#32397b rgb(50,57,123)
```
#2b3482
```
#2b3482 rgb(43,52,130)
```
#242e89
```
#242e89 rgb(36,46,137)
```
#1e298f
```
#1e298f rgb(30,41,143)
```
#172496
```
#172496 rgb(23,36,150)
```
#101f9d
```
#101f9d rgb(16,31,157)
```
#0a19a3
```
#0a19a3 rgb(10,25,163)
```
#0314aa
```
#0314aa rgb(3,20,170)
```

Tone Color Variation

Below, you can see how #0314aa 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
#1a1e3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#004065 Deuteranopia 1% of men
#004447 Tritanopia 0.001% of the population

Trichromacy

#012d88 Protanomaly 1% of men, 0.01% of women
#01307e Deuteranomaly 6% of men, 0.4% of women
#01336b Tritanomaly 0.01% of the population

#0314aa hex color

#0314aa Color Information

#0314aa Color Conversion

Color Schemes with #0314aa

Alternatives to #0314aa

#0314aa Preview

Shades and Tints of #0314aa

Tones of #0314aa

Color Blindness Simulator