#0316a6 hex color

In a RGB color space, hex #0316a6 is composed of 1.2% red, 8.6% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 86.7% magenta, 0% yellow and 34.9% black. It has a hue angle of 233 degrees, a saturation of 96.4% and a lightness of 33.1%. #0316a6 color hex could be obtained by blending #062cff with #00004d. 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

● #0316a6 color description : Dark blue.

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

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

CIE-LAB	21.379, 50.505, -74.285
XYZ	7.206, 3.346, 36.34
xyY	0.154, 0.071, 3.346
CIE-LCH	21.379, 89.827, 304.211
CIE-LUV	21.379, -6.846, -79.872
Hunter-Lab	18.291, 38.311, -104.99
Binary	00000011, 00010110, 10100110

#0316a6
```
#0316a6 rgb(3,22,166)
```
#a69303
```
#a69303 rgb(166,147,3)
```

Complementary Color

#0368a6
```
#0368a6 rgb(3,104,166)
```
#0316a6
```
#0316a6 rgb(3,22,166)
```
#4203a6
```
#4203a6 rgb(66,3,166)
```

Analogous Color

#68a603
```
#68a603 rgb(104,166,3)
```
#0316a6
```
#0316a6 rgb(3,22,166)
```
#a64203
```
#a64203 rgb(166,66,3)
```

Split Complementary Color

#16a603
```
#16a603 rgb(22,166,3)
```
#0316a6
```
#0316a6 rgb(3,22,166)
```
#a60316
```
#a60316 rgb(166,3,22)
```

Triadic Color

#03a693
```
#03a693 rgb(3,166,147)
```
#0316a6
```
#0316a6 rgb(3,22,166)
```
#a60316
```
#a60316 rgb(166,3,22)
```
#a69303
```
#a69303 rgb(166,147,3)
```

Tetradic Color

#020c5b
```
#020c5b rgb(2,12,91)
```
#020f74
```
#020f74 rgb(2,15,116)
```
#03138d
```
#03138d rgb(3,19,141)
```
#0316a6
```
#0316a6 rgb(3,22,166)
```
#0319bf
```
#0319bf rgb(3,25,191)
```
#041dd8
```
#041dd8 rgb(4,29,216)
```
#0420f1
```
#0420f1 rgb(4,32,241)
```

Monochromatic Color

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

#033fa6
```
#033fa6 rgb(3,63,166)
```
#0331a6
```
#0331a6 rgb(3,49,166)
```
#0324a6
```
#0324a6 rgb(3,36,166)
```
#0316a6
```
#0316a6 rgb(3,22,166)
```
#0308a6
```
#0308a6 rgb(3,8,166)
```
#0b03a6
```
#0b03a6 rgb(11,3,166)
```
#1903a6
```
#1903a6 rgb(25,3,166)
```

Similar Colors

Text with hexadecimal color #0316a6

This text has a font color of #0316a6.

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

#0316a6 background color

This paragraph has a background color of #0316a6.

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

#0316a6 border color

This element has a border color of #0316a6.

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

CSS codes

.text {color:#0316a6;}

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

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

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, #00020c is the darkest color, while #f8f8ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#01041f
```
#01041f rgb(1,4,31)
```
#010732
```
#010732 rgb(1,7,50)
```
#010946
```
#010946 rgb(1,9,70)
```
#020c59
```
#020c59 rgb(2,12,89)
```
#020e6c
```
#020e6c rgb(2,14,108)
```
#02117f
```
#02117f rgb(2,17,127)
```
#031393
```
#031393 rgb(3,19,147)
```
#0316a6
```
#0316a6 rgb(3,22,166)
```
#0319b9
```
#0319b9 rgb(3,25,185)
```
#041bcd
```
#041bcd rgb(4,27,205)
```
#041ee0
```
#041ee0 rgb(4,30,224)
```
#0420f3
```
#0420f3 rgb(4,32,243)
```

Shade Color Variation

#102cfb
```
#102cfb rgb(16,44,251)
```
#243dfb
```
#243dfb rgb(36,61,251)
```
#374efb
```
#374efb rgb(55,78,251)
```
#4a5ffc
```
#4a5ffc rgb(74,95,252)
```
#5d70fc
```
#5d70fc rgb(93,112,252)
```
#7181fc
```
#7181fc rgb(113,129,252)
```
#8492fd
```
#8492fd rgb(132,146,253)
```
#97a3fd
```
#97a3fd rgb(151,163,253)
```
#abb4fd
```
#abb4fd rgb(171,180,253)
```
#bec5fe
```
#bec5fe rgb(190,197,254)
```
#d1d6fe
```
#d1d6fe rgb(209,214,254)
```
#e4e7ff
```
#e4e7ff rgb(228,231,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#515258
```
#515258 rgb(81,82,88)
```
#4b4d5f
```
#4b4d5f rgb(75,77,95)
```
#444865
```
#444865 rgb(68,72,101)
```
#3e436c
```
#3e436c rgb(62,67,108)
```
#373e72
```
#373e72 rgb(55,62,114)
```
#313979
```
#313979 rgb(49,57,121)
```
#2a347f
```
#2a347f rgb(42,52,127)
```
#242f86
```
#242f86 rgb(36,47,134)
```
#1d2a8c
```
#1d2a8c rgb(29,42,140)
```
#172593
```
#172593 rgb(23,37,147)
```
#102099
```
#102099 rgb(16,32,153)
```
#0a1ba0
```
#0a1ba0 rgb(10,27,160)
```
#0316a6
```
#0316a6 rgb(3,22,166)
```

Tone Color Variation

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

Dichromacy

#003c74 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004446 Tritanopia 0.001% of the population

Trichromacy

#012e86 Protanomaly 1% of men, 0.01% of women
#01307c Deuteranomaly 6% of men, 0.4% of women
#013369 Tritanomaly 0.01% of the population

#0316a6 hex color

#0316a6 Color Information

#0316a6 Color Conversion

Color Schemes with #0316a6

Alternatives to #0316a6

#0316a6 Preview

Shades and Tints of #0316a6

Tones of #0316a6

Color Blindness Simulator