#0314a2 hex color

In a RGB color space, hex #0314a2 is composed of 1.2% red, 7.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 87.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 233.6 degrees, a saturation of 96.4% and a lightness of 32.4%. #0314a2 color hex could be obtained by blending #0628ff with #000045. Closest websafe color is: #000099.

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

● #0314a2 color description : Dark blue.

The hexadecimal color #0314a2 has RGB values of R:3, G:20, B:162 and CMYK values of C:0.98, M:0.88, Y:0, K:0.36. Its decimal value is 201890.

Hex triplet	0314a2	`#0314a2`
RGB Decimal	3, 20, 162	`rgb(3,20,162)`
RGB Percent	1.2, 7.8, 63.5	`rgb(1.2%,7.8%,63.5%)`
CMYK	98, 88, 0, 36
HSL	233.6°, 96.4, 32.4	`hsl(233.6,96.4%,32.4%)`
HSV (or HSB)	233.6°, 98.1, 63.5
Web Safe	000099	`#000099`

CIE-LAB	20.548, 50.113, -73.235
XYZ	6.808, 3.128, 34.425
xyY	0.153, 0.071, 3.128
CIE-LCH	20.548, 88.739, 304.383
CIE-LUV	20.548, -6.515, -77.211
Hunter-Lab	17.685, 37.764, -103.03
Binary	00000011, 00010100, 10100010

#0314a2
```
#0314a2 rgb(3,20,162)
```
#a29103
```
#a29103 rgb(162,145,3)
```

Complementary Color

#0364a2
```
#0364a2 rgb(3,100,162)
```
#0314a2
```
#0314a2 rgb(3,20,162)
```
#4203a2
```
#4203a2 rgb(66,3,162)
```

Analogous Color

#64a203
```
#64a203 rgb(100,162,3)
```
#0314a2
```
#0314a2 rgb(3,20,162)
```
#a24103
```
#a24103 rgb(162,65,3)
```

Split Complementary Color

#14a203
```
#14a203 rgb(20,162,3)
```
#0314a2
```
#0314a2 rgb(3,20,162)
```
#a20314
```
#a20314 rgb(162,3,20)
```

Triadic Color

#03a291
```
#03a291 rgb(3,162,145)
```
#0314a2
```
#0314a2 rgb(3,20,162)
```
#a20314
```
#a20314 rgb(162,3,20)
```
#a29103
```
#a29103 rgb(162,145,3)
```

Tetradic Color

#020b57
```
#020b57 rgb(2,11,87)
```
#020e70
```
#020e70 rgb(2,14,112)
```
#031189
```
#031189 rgb(3,17,137)
```
#0314a2
```
#0314a2 rgb(3,20,162)
```
#0317bb
```
#0317bb rgb(3,23,187)
```
#041ad4
```
#041ad4 rgb(4,26,212)
```
#041ded
```
#041ded rgb(4,29,237)
```

Monochromatic Color

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

#033ca2
```
#033ca2 rgb(3,60,162)
```
#032fa2
```
#032fa2 rgb(3,47,162)
```
#0321a2
```
#0321a2 rgb(3,33,162)
```
#0314a2
```
#0314a2 rgb(3,20,162)
```
#0307a2
```
#0307a2 rgb(3,7,162)
```
#0c03a2
```
#0c03a2 rgb(12,3,162)
```
#1a03a2
```
#1a03a2 rgb(26,3,162)
```

Similar Colors

Text with hexadecimal color #0314a2

This text has a font color of #0314a2.

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

#0314a2 background color

This paragraph has a background color of #0314a2.

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

#0314a2 border color

This element has a border color of #0314a2.

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

CSS codes

.text {color:#0314a2;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#01031b
```
#01031b rgb(1,3,27)
```
#01062e
```
#01062e rgb(1,6,46)
```
#010842
```
#010842 rgb(1,8,66)
```
#020a55
```
#020a55 rgb(2,10,85)
```
#020d68
```
#020d68 rgb(2,13,104)
```
#020f7b
```
#020f7b rgb(2,15,123)
```
#03128f
```
#03128f rgb(3,18,143)
```
#0314a2
```
#0314a2 rgb(3,20,162)
```
#0316b5
```
#0316b5 rgb(3,22,181)
```
#0419c9
```
#0419c9 rgb(4,25,201)
```
#041bdc
```
#041bdc rgb(4,27,220)
```
#041eef
```
#041eef rgb(4,30,239)
```

Shade Color Variation

#0d26fb
```
#0d26fb rgb(13,38,251)
```
#2037fb
```
#2037fb rgb(32,55,251)
```
#3348fb
```
#3348fb rgb(51,72,251)
```
#465afc
```
#465afc rgb(70,90,252)
```
#5a6bfc
```
#5a6bfc rgb(90,107,252)
```
#6d7cfc
```
#6d7cfc rgb(109,124,252)
```
#808dfd
```
#808dfd rgb(128,141,253)
```
#939ffd
```
#939ffd rgb(147,159,253)
```
#a7b0fd
```
#a7b0fd rgb(167,176,253)
```
#bac1fe
```
#bac1fe rgb(186,193,254)
```
#cdd2fe
```
#cdd2fe rgb(205,210,254)
```
#e0e4fe
```
#e0e4fe rgb(224,228,254)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#4f5056
```
#4f5056 rgb(79,80,86)
```
#494b5c
```
#494b5c rgb(73,75,92)
```
#424663
```
#424663 rgb(66,70,99)
```
#3c4169
```
#3c4169 rgb(60,65,105)
```
#363c6f
```
#363c6f rgb(54,60,111)
```
#2f3776
```
#2f3776 rgb(47,55,118)
```
#29327c
```
#29327c rgb(41,50,124)
```
#232d82
```
#232d82 rgb(35,45,130)
```
#1c2889
```
#1c2889 rgb(28,40,137)
```
#16238f
```
#16238f rgb(22,35,143)
```
#101e95
```
#101e95 rgb(16,30,149)
```
#09199c
```
#09199c rgb(9,25,156)
```
#0314a2
```
#0314a2 rgb(3,20,162)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#191d39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a71 Protanopia 1% of men
#003e61 Deuteranopia 1% of men
#004244 Tritanopia 0.001% of the population

Trichromacy

#012c83 Protanomaly 1% of men, 0.01% of women
#012e79 Deuteranomaly 6% of men, 0.4% of women
#013166 Tritanomaly 0.01% of the population

#0314a2 hex color

#0314a2 Color Information

#0314a2 Color Conversion

Color Schemes with #0314a2

Alternatives to #0314a2

#0314a2 Preview

Shades and Tints of #0314a2

Tones of #0314a2

Color Blindness Simulator