#0316a5 hex color

In a RGB color space, hex #0316a5 is composed of 1.2% red, 8.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 86.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 233 degrees, a saturation of 96.4% and a lightness of 32.9%. #0316a5 color hex could be obtained by blending #062cff with #00004b. Closest websafe color is: #000099.

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

● #0316a5 color description : Dark blue.

The hexadecimal color #0316a5 has RGB values of R:3, G:22, B:165 and CMYK values of C:0.98, M:0.87, Y:0, K:0.35. Its decimal value is 202405.

Hex triplet	0316a5	`#0316a5`
RGB Decimal	3, 22, 165	`rgb(3,22,165)`
RGB Percent	1.2, 8.6, 64.7	`rgb(1.2%,8.6%,64.7%)`
CMYK	98, 87, 0, 35
HSL	233°, 96.4, 32.9	`hsl(233,96.4%,32.9%)`
HSV (or HSB)	233°, 98.2, 64.7
Web Safe	000099	`#000099`

CIE-LAB	21.242, 50.195, -73.905
XYZ	7.115, 3.309, 35.859
xyY	0.154, 0.071, 3.309
CIE-LCH	21.242, 89.339, 304.184
CIE-LUV	21.242, -6.81, -79.281
Hunter-Lab	18.191, 37.977, -104.14
Binary	00000011, 00010110, 10100101

#0316a5
```
#0316a5 rgb(3,22,165)
```
#a59203
```
#a59203 rgb(165,146,3)
```

Complementary Color

#0367a5
```
#0367a5 rgb(3,103,165)
```
#0316a5
```
#0316a5 rgb(3,22,165)
```
#4103a5
```
#4103a5 rgb(65,3,165)
```

Analogous Color

#67a503
```
#67a503 rgb(103,165,3)
```
#0316a5
```
#0316a5 rgb(3,22,165)
```
#a54103
```
#a54103 rgb(165,65,3)
```

Split Complementary Color

#16a503
```
#16a503 rgb(22,165,3)
```
#0316a5
```
#0316a5 rgb(3,22,165)
```
#a50316
```
#a50316 rgb(165,3,22)
```

Triadic Color

#03a592
```
#03a592 rgb(3,165,146)
```
#0316a5
```
#0316a5 rgb(3,22,165)
```
#a50316
```
#a50316 rgb(165,3,22)
```
#a59203
```
#a59203 rgb(165,146,3)
```

Tetradic Color

#020c5a
```
#020c5a rgb(2,12,90)
```
#020f73
```
#020f73 rgb(2,15,115)
```
#03138c
```
#03138c rgb(3,19,140)
```
#0316a5
```
#0316a5 rgb(3,22,165)
```
#0319be
```
#0319be rgb(3,25,190)
```
#041dd7
```
#041dd7 rgb(4,29,215)
```
#0420f0
```
#0420f0 rgb(4,32,240)
```

Monochromatic Color

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

#033fa5
```
#033fa5 rgb(3,63,165)
```
#0331a5
```
#0331a5 rgb(3,49,165)
```
#0324a5
```
#0324a5 rgb(3,36,165)
```
#0316a5
```
#0316a5 rgb(3,22,165)
```
#0309a5
```
#0309a5 rgb(3,9,165)
```
#0b03a5
```
#0b03a5 rgb(11,3,165)
```
#1903a5
```
#1903a5 rgb(25,3,165)
```

Similar Colors

Text with hexadecimal color #0316a5

This text has a font color of #0316a5.

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

#0316a5 background color

This paragraph has a background color of #0316a5.

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

#0316a5 border color

This element has a border color of #0316a5.

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

CSS codes

.text {color:#0316a5;}

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

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

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

#00010b
```
#00010b rgb(0,1,11)
```
#01041e
```
#01041e rgb(1,4,30)
```
#010731
```
#010731 rgb(1,7,49)
```
#010945
```
#010945 rgb(1,9,69)
```
#020c58
```
#020c58 rgb(2,12,88)
```
#020e6b
```
#020e6b rgb(2,14,107)
```
#02117e
```
#02117e rgb(2,17,126)
```
#031392
```
#031392 rgb(3,19,146)
```
#0316a5
```
#0316a5 rgb(3,22,165)
```
#0319b8
```
#0319b8 rgb(3,25,184)
```
#041bcc
```
#041bcc rgb(4,27,204)
```
#041edf
```
#041edf rgb(4,30,223)
```
#0420f2
```
#0420f2 rgb(4,32,242)
```

Shade Color Variation

#0f2bfb
```
#0f2bfb rgb(15,43,251)
```
#233cfb
```
#233cfb rgb(35,60,251)
```
#364dfb
```
#364dfb rgb(54,77,251)
```
#495efc
```
#495efc rgb(73,94,252)
```
#5c6ffc
```
#5c6ffc rgb(92,111,252)
```
#7080fc
```
#7080fc rgb(112,128,252)
```
#8391fd
```
#8391fd rgb(131,145,253)
```
#96a2fd
```
#96a2fd rgb(150,162,253)
```
#aab3fd
```
#aab3fd rgb(170,179,253)
```
#bdc4fe
```
#bdc4fe rgb(189,196,254)
```
#d0d5fe
```
#d0d5fe rgb(208,213,254)
```
#e3e7fe
```
#e3e7fe rgb(227,231,254)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#515157
```
#515157 rgb(81,81,87)
```
#4a4c5e
```
#4a4c5e rgb(74,76,94)
```
#444764
```
#444764 rgb(68,71,100)
```
#3d436b
```
#3d436b rgb(61,67,107)
```
#373e71
```
#373e71 rgb(55,62,113)
```
#303978
```
#303978 rgb(48,57,120)
```
#2a347e
```
#2a347e rgb(42,52,126)
```
#232f85
```
#232f85 rgb(35,47,133)
```
#1d2a8b
```
#1d2a8b rgb(29,42,139)
```
#162592
```
#162592 rgb(22,37,146)
```
#102098
```
#102098 rgb(16,32,152)
```
#091b9f
```
#091b9f rgb(9,27,159)
```
#0316a5
```
#0316a5 rgb(3,22,165)
```

Tone Color Variation

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

#003b74 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004346 Tritanopia 0.001% of the population

Trichromacy

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

#0316a5 hex color

#0316a5 Color Information

#0316a5 Color Conversion

Color Schemes with #0316a5

Alternatives to #0316a5

#0316a5 Preview

Shades and Tints of #0316a5

Tones of #0316a5

Color Blindness Simulator