#0316ac hex color

In a RGB color space, hex #0316ac is composed of 1.2% red, 8.6% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 87.2% magenta, 0% yellow and 32.5% black. It has a hue angle of 233.3 degrees, a saturation of 96.6% and a lightness of 34.3%. #0316ac color hex could be obtained by blending #062cff with #000059. Closest websafe color is: #000099.

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

● #0316ac color description : Dark blue.

The hexadecimal color #0316ac has RGB values of R:3, G:22, B:172 and CMYK values of C:0.98, M:0.87, Y:0, K:0.33. Its decimal value is 202412.

Hex triplet	0316ac	`#0316ac`
RGB Decimal	3, 22, 172	`rgb(3,22,172)`
RGB Percent	1.2, 8.6, 67.5	`rgb(1.2%,8.6%,67.5%)`
CMYK	98, 87, 0, 33
HSL	233.3°, 96.6, 34.3	`hsl(233.3,96.6%,34.3%)`
HSV (or HSB)	233.3°, 98.3, 67.5
Web Safe	000099	`#000099`

CIE-LAB	22.2, 52.343, -76.547
XYZ	7.769, 3.571, 39.307
xyY	0.153, 0.071, 3.571
CIE-LCH	22.2, 92.731, 304.364
CIE-LUV	22.2, -7.063, -83.416
Hunter-Lab	18.897, 40.317, -110.097
Binary	00000011, 00010110, 10101100

#0316ac
```
#0316ac rgb(3,22,172)
```
#ac9903
```
#ac9903 rgb(172,153,3)
```

Complementary Color

#036bac
```
#036bac rgb(3,107,172)
```
#0316ac
```
#0316ac rgb(3,22,172)
```
#4503ac
```
#4503ac rgb(69,3,172)
```

Analogous Color

#6bac03
```
#6bac03 rgb(107,172,3)
```
#0316ac
```
#0316ac rgb(3,22,172)
```
#ac4503
```
#ac4503 rgb(172,69,3)
```

Split Complementary Color

#16ac03
```
#16ac03 rgb(22,172,3)
```
#0316ac
```
#0316ac rgb(3,22,172)
```
#ac0316
```
#ac0316 rgb(172,3,22)
```

Triadic Color

#03ac99
```
#03ac99 rgb(3,172,153)
```
#0316ac
```
#0316ac rgb(3,22,172)
```
#ac0316
```
#ac0316 rgb(172,3,22)
```
#ac9903
```
#ac9903 rgb(172,153,3)
```

Tetradic Color

#020c61
```
#020c61 rgb(2,12,97)
```
#02107a
```
#02107a rgb(2,16,122)
```
#031393
```
#031393 rgb(3,19,147)
```
#0316ac
```
#0316ac rgb(3,22,172)
```
#0319c5
```
#0319c5 rgb(3,25,197)
```
#041cde
```
#041cde rgb(4,28,222)
```
#0420f7
```
#0420f7 rgb(4,32,247)
```

Monochromatic Color

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

#0340ac
```
#0340ac rgb(3,64,172)
```
#0332ac
```
#0332ac rgb(3,50,172)
```
#0324ac
```
#0324ac rgb(3,36,172)
```
#0316ac
```
#0316ac rgb(3,22,172)
```
#0308ac
```
#0308ac rgb(3,8,172)
```
#0c03ac
```
#0c03ac rgb(12,3,172)
```
#1a03ac
```
#1a03ac rgb(26,3,172)
```

Similar Colors

Text with hexadecimal color #0316ac

This text has a font color of #0316ac.

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

#0316ac background color

This paragraph has a background color of #0316ac.

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

#0316ac border color

This element has a border color of #0316ac.

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

CSS codes

.text {color:#0316ac;}

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

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

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

#000212
```
#000212 rgb(0,2,18)
```
#010525
```
#010525 rgb(1,5,37)
```
#010738
```
#010738 rgb(1,7,56)
```
#010a4c
```
#010a4c rgb(1,10,76)
```
#020c5f
```
#020c5f rgb(2,12,95)
```
#020f72
```
#020f72 rgb(2,15,114)
```
#021185
```
#021185 rgb(2,17,133)
```
#031499
```
#031499 rgb(3,20,153)
```
#0316ac
```
#0316ac rgb(3,22,172)
```
#0318bf
```
#0318bf rgb(3,24,191)
```
#041bd3
```
#041bd3 rgb(4,27,211)
```
#041de6
```
#041de6 rgb(4,29,230)
```
#0420f9
```
#0420f9 rgb(4,32,249)
```

Shade Color Variation

#1630fb
```
#1630fb rgb(22,48,251)
```
#2941fb
```
#2941fb rgb(41,65,251)
```
#3d52fc
```
#3d52fc rgb(61,82,252)
```
#5063fc
```
#5063fc rgb(80,99,252)
```
#6374fc
```
#6374fc rgb(99,116,252)
```
#7786fd
```
#7786fd rgb(119,134,253)
```
#8a97fd
```
#8a97fd rgb(138,151,253)
```
#9da8fd
```
#9da8fd rgb(157,168,253)
```
#b0b9fe
```
#b0b9fe rgb(176,185,254)
```
#c4cafe
```
#c4cafe rgb(196,202,254)
```
#d7dbfe
```
#d7dbfe rgb(215,219,254)
```
#eaedff
```
#eaedff rgb(234,237,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#54555b
```
#54555b rgb(84,85,91)
```
#4d4f62
```
#4d4f62 rgb(77,79,98)
```
#464a69
```
#464a69 rgb(70,74,105)
```
#40456f
```
#40456f rgb(64,69,111)
```
#394076
```
#394076 rgb(57,64,118)
```
#323b7d
```
#323b7d rgb(50,59,125)
```
#2b3584
```
#2b3584 rgb(43,53,132)
```
#25308a
```
#25308a rgb(37,48,138)
```
#1e2b91
```
#1e2b91 rgb(30,43,145)
```
#172698
```
#172698 rgb(23,38,152)
```
#10209f
```
#10209f rgb(16,32,159)
```
#0a1ba5
```
#0a1ba5 rgb(10,27,165)
```
#0316ac
```
#0316ac rgb(3,22,172)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#1b1f3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004167 Deuteranopia 1% of men
#004648 Tritanopia 0.001% of the population

Trichromacy

#012f8a Protanomaly 1% of men, 0.01% of women
#013180 Deuteranomaly 6% of men, 0.4% of women
#01346c Tritanomaly 0.01% of the population

#0316ac hex color

#0316ac Color Information

#0316ac Color Conversion

Color Schemes with #0316ac

Alternatives to #0316ac

#0316ac Preview

Shades and Tints of #0316ac

Tones of #0316ac

Color Blindness Simulator