#0316a0 hex color

In a RGB color space, hex #0316a0 is composed of 1.2% red, 8.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 86.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 232.7 degrees, a saturation of 96.3% and a lightness of 32%. #0316a0 color hex could be obtained by blending #062cff with #000041. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 9
- B 63
RGB color chart
- C 98
- M 86
- Y 0
- K 37
CMYK color chart

● #0316a0 color description : Dark blue.

The hexadecimal color #0316a0 has RGB values of R:3, G:22, B:160 and CMYK values of C:0.98, M:0.86, Y:0, K:0.37. Its decimal value is 202400.

Hex triplet	0316a0	`#0316a0`
RGB Decimal	3, 22, 160	`rgb(3,22,160)`
RGB Percent	1.2, 8.6, 62.7	`rgb(1.2%,8.6%,62.7%)`
CMYK	98, 86, 0, 37
HSL	232.7°, 96.3, 32	`hsl(232.7,96.3%,32%)`
HSV (or HSB)	232.7°, 98.1, 62.7
Web Safe	000099	`#000099`

CIE-LAB	20.56, 48.634, -71.995
XYZ	6.668, 3.131, 33.509
xyY	0.154, 0.072, 3.131
CIE-LCH	20.56, 86.882, 304.04
CIE-LUV	20.56, -6.631, -76.323
Hunter-Lab	17.694, 36.308, -99.898
Binary	00000011, 00010110, 10100000

#0316a0
```
#0316a0 rgb(3,22,160)
```
#a08d03
```
#a08d03 rgb(160,141,3)
```

Complementary Color

#0365a0
```
#0365a0 rgb(3,101,160)
```
#0316a0
```
#0316a0 rgb(3,22,160)
```
#3e03a0
```
#3e03a0 rgb(62,3,160)
```

Analogous Color

#65a003
```
#65a003 rgb(101,160,3)
```
#0316a0
```
#0316a0 rgb(3,22,160)
```
#a03e03
```
#a03e03 rgb(160,62,3)
```

Split Complementary Color

#16a003
```
#16a003 rgb(22,160,3)
```
#0316a0
```
#0316a0 rgb(3,22,160)
```
#a00316
```
#a00316 rgb(160,3,22)
```

Triadic Color

#03a08d
```
#03a08d rgb(3,160,141)
```
#0316a0
```
#0316a0 rgb(3,22,160)
```
#a00316
```
#a00316 rgb(160,3,22)
```
#a08d03
```
#a08d03 rgb(160,141,3)
```

Tetradic Color

#020c55
```
#020c55 rgb(2,12,85)
```
#020f6e
```
#020f6e rgb(2,15,110)
```
#031387
```
#031387 rgb(3,19,135)
```
#0316a0
```
#0316a0 rgb(3,22,160)
```
#0319b9
```
#0319b9 rgb(3,25,185)
```
#041dd2
```
#041dd2 rgb(4,29,210)
```
#0420eb
```
#0420eb rgb(4,32,235)
```

Monochromatic Color

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

#033da0
```
#033da0 rgb(3,61,160)
```
#0330a0
```
#0330a0 rgb(3,48,160)
```
#0323a0
```
#0323a0 rgb(3,35,160)
```
#0316a0
```
#0316a0 rgb(3,22,160)
```
#0309a0
```
#0309a0 rgb(3,9,160)
```
#0a03a0
```
#0a03a0 rgb(10,3,160)
```
#1703a0
```
#1703a0 rgb(23,3,160)
```

Similar Colors

Text with hexadecimal color #0316a0

This text has a font color of #0316a0.

<span style="color:#0316a0;">Text here</span>

#0316a0 background color

This paragraph has a background color of #0316a0.

<p style="background-color:#0316a0;">Content here</p>

#0316a0 border color

This element has a border color of #0316a0.

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

CSS codes

.text {color:#0316a0;}

.background {background-color:#0316a0;}

.border {border:1px solid #0316a0;}

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 #f2f3ff is the lightest one.

#000106
```
#000106 rgb(0,1,6)
```
#000319
```
#000319 rgb(0,3,25)
```
#01062c
```
#01062c rgb(1,6,44)
```
#010940
```
#010940 rgb(1,9,64)
```
#020b53
```
#020b53 rgb(2,11,83)
```
#020e66
```
#020e66 rgb(2,14,102)
```
#021179
```
#021179 rgb(2,17,121)
```
#03138d
```
#03138d rgb(3,19,141)
```
#0316a0
```
#0316a0 rgb(3,22,160)
```
#0319b3
```
#0319b3 rgb(3,25,179)
```
#041bc7
```
#041bc7 rgb(4,27,199)
```
#041eda
```
#041eda rgb(4,30,218)
```
#0421ed
```
#0421ed rgb(4,33,237)
```

Shade Color Variation

#0b28fa
```
#0b28fa rgb(11,40,250)
```
#1e39fb
```
#1e39fb rgb(30,57,251)
```
#314afb
```
#314afb rgb(49,74,251)
```
#445bfc
```
#445bfc rgb(68,91,252)
```
#586cfc
```
#586cfc rgb(88,108,252)
```
#6b7dfc
```
#6b7dfc rgb(107,125,252)
```
#7e8dfd
```
#7e8dfd rgb(126,141,253)
```
#919efd
```
#919efd rgb(145,158,253)
```
#a5affd
```
#a5affd rgb(165,175,253)
```
#b8c0fe
```
#b8c0fe rgb(184,192,254)
```
#cbd1fe
```
#cbd1fe rgb(203,209,254)
```
#dee2fe
```
#dee2fe rgb(222,226,254)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#4e4f55
```
#4e4f55 rgb(78,79,85)
```
#484a5b
```
#484a5b rgb(72,74,91)
```
#424661
```
#424661 rgb(66,70,97)
```
#3b4168
```
#3b4168 rgb(59,65,104)
```
#353c6e
```
#353c6e rgb(53,60,110)
```
#2f3774
```
#2f3774 rgb(47,55,116)
```
#29337a
```
#29337a rgb(41,51,122)
```
#222e81
```
#222e81 rgb(34,46,129)
```
#1c2987
```
#1c2987 rgb(28,41,135)
```
#16248d
```
#16248d rgb(22,36,141)
```
#102093
```
#102093 rgb(16,32,147)
```
#091b9a
```
#091b9a rgb(9,27,154)
```
#0316a0
```
#0316a0 rgb(3,22,160)
```

Tone Color Variation

Below, you can see how #0316a0 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
#1a1e3a 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

#012d82 Protanomaly 1% of men, 0.01% of women
#012f78 Deuteranomaly 6% of men, 0.4% of women
#013266 Tritanomaly 0.01% of the population

#0316a0 hex color

#0316a0 Color Information

#0316a0 Color Conversion

Color Schemes with #0316a0

Alternatives to #0316a0

#0316a0 Preview

Shades and Tints of #0316a0

Tones of #0316a0

Color Blindness Simulator