#0316a4 hex color

In a RGB color space, hex #0316a4 is composed of 1.2% red, 8.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 86.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 232.9 degrees, a saturation of 96.4% and a lightness of 32.7%. #0316a4 color hex could be obtained by blending #062cff with #000049. Closest websafe color is: #000099.

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

● #0316a4 color description : Dark blue.

The hexadecimal color #0316a4 has RGB values of R:3, G:22, B:164 and CMYK values of C:0.98, M:0.87, Y:0, K:0.36. Its decimal value is 202404.

Hex triplet	0316a4	`#0316a4`
RGB Decimal	3, 22, 164	`rgb(3,22,164)`
RGB Percent	1.2, 8.6, 64.3	`rgb(1.2%,8.6%,64.3%)`
CMYK	98, 87, 0, 36
HSL	232.9°, 96.4, 32.7	`hsl(232.9,96.4%,32.7%)`
HSV (or HSB)	232.9°, 98.2, 64.3
Web Safe	000099	`#000099`

CIE-LAB	21.105, 49.885, -73.525
XYZ	7.024, 3.273, 35.381
xyY	0.154, 0.072, 3.273
CIE-LCH	21.105, 88.85, 304.156
CIE-LUV	21.105, -6.774, -78.69
Hunter-Lab	18.091, 37.643, -103.291
Binary	00000011, 00010110, 10100100

#0316a4
```
#0316a4 rgb(3,22,164)
```
#a49103
```
#a49103 rgb(164,145,3)
```

Complementary Color

#0367a4
```
#0367a4 rgb(3,103,164)
```
#0316a4
```
#0316a4 rgb(3,22,164)
```
#4103a4
```
#4103a4 rgb(65,3,164)
```

Analogous Color

#67a403
```
#67a403 rgb(103,164,3)
```
#0316a4
```
#0316a4 rgb(3,22,164)
```
#a44103
```
#a44103 rgb(164,65,3)
```

Split Complementary Color

#16a403
```
#16a403 rgb(22,164,3)
```
#0316a4
```
#0316a4 rgb(3,22,164)
```
#a40316
```
#a40316 rgb(164,3,22)
```

Triadic Color

#03a491
```
#03a491 rgb(3,164,145)
```
#0316a4
```
#0316a4 rgb(3,22,164)
```
#a40316
```
#a40316 rgb(164,3,22)
```
#a49103
```
#a49103 rgb(164,145,3)
```

Tetradic Color

#020c59
```
#020c59 rgb(2,12,89)
```
#020f72
```
#020f72 rgb(2,15,114)
```
#03138b
```
#03138b rgb(3,19,139)
```
#0316a4
```
#0316a4 rgb(3,22,164)
```
#0319bd
```
#0319bd rgb(3,25,189)
```
#041dd6
```
#041dd6 rgb(4,29,214)
```
#0420ef
```
#0420ef rgb(4,32,239)
```

Monochromatic Color

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

#033ea4
```
#033ea4 rgb(3,62,164)
```
#0331a4
```
#0331a4 rgb(3,49,164)
```
#0323a4
```
#0323a4 rgb(3,35,164)
```
#0316a4
```
#0316a4 rgb(3,22,164)
```
#0309a4
```
#0309a4 rgb(3,9,164)
```
#0b03a4
```
#0b03a4 rgb(11,3,164)
```
#1803a4
```
#1803a4 rgb(24,3,164)
```

Similar Colors

Text with hexadecimal color #0316a4

This text has a font color of #0316a4.

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

#0316a4 background color

This paragraph has a background color of #0316a4.

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

#0316a4 border color

This element has a border color of #0316a4.

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

CSS codes

.text {color:#0316a4;}

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

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

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, #00010a is the darkest color, while #f6f7ff is the lightest one.

#00010a
```
#00010a rgb(0,1,10)
```
#01041d
```
#01041d rgb(1,4,29)
```
#010630
```
#010630 rgb(1,6,48)
```
#010944
```
#010944 rgb(1,9,68)
```
#020c57
```
#020c57 rgb(2,12,87)
```
#020e6a
```
#020e6a rgb(2,14,106)
```
#02117d
```
#02117d rgb(2,17,125)
```
#031391
```
#031391 rgb(3,19,145)
```
#0316a4
```
#0316a4 rgb(3,22,164)
```
#0319b7
```
#0319b7 rgb(3,25,183)
```
#041bcb
```
#041bcb rgb(4,27,203)
```
#041ede
```
#041ede rgb(4,30,222)
```
#0420f1
```
#0420f1 rgb(4,32,241)
```

Shade Color Variation

#0e2afb
```
#0e2afb rgb(14,42,251)
```
#223bfb
```
#223bfb rgb(34,59,251)
```
#354cfb
```
#354cfb rgb(53,76,251)
```
#485dfc
```
#485dfc rgb(72,93,252)
```
#5c6efc
```
#5c6efc rgb(92,110,252)
```
#6f7ffc
```
#6f7ffc rgb(111,127,252)
```
#8291fd
```
#8291fd rgb(130,145,253)
```
#95a2fd
```
#95a2fd rgb(149,162,253)
```
#a9b3fd
```
#a9b3fd rgb(169,179,253)
```
#bcc4fe
```
#bcc4fe rgb(188,196,254)
```
#cfd5fe
```
#cfd5fe rgb(207,213,254)
```
#e2e6fe
```
#e2e6fe rgb(226,230,254)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#505157
```
#505157 rgb(80,81,87)
```
#4a4c5d
```
#4a4c5d rgb(74,76,93)
```
#434764
```
#434764 rgb(67,71,100)
```
#3d426a
```
#3d426a rgb(61,66,106)
```
#363d71
```
#363d71 rgb(54,61,113)
```
#303877
```
#303877 rgb(48,56,119)
```
#2a337d
```
#2a337d rgb(42,51,125)
```
#232f84
```
#232f84 rgb(35,47,132)
```
#1d2a8a
```
#1d2a8a rgb(29,42,138)
```
#162591
```
#162591 rgb(22,37,145)
```
#102097
```
#102097 rgb(16,32,151)
```
#091b9e
```
#091b9e rgb(9,27,158)
```
#0316a4
```
#0316a4 rgb(3,22,164)
```

Tone Color Variation

Below, you can see how #0316a4 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
#1b1f3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003f63 Deuteranopia 1% of men
#004346 Tritanopia 0.001% of the population

Trichromacy

#012d85 Protanomaly 1% of men, 0.01% of women
#01307b Deuteranomaly 6% of men, 0.4% of women
#013268 Tritanomaly 0.01% of the population

#0316a4 hex color

#0316a4 Color Information

#0316a4 Color Conversion

Color Schemes with #0316a4

Alternatives to #0316a4

#0316a4 Preview

Shades and Tints of #0316a4

Tones of #0316a4

Color Blindness Simulator