#0316b2 hex color

In a RGB color space, hex #0316b2 is composed of 1.2% red, 8.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 87.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 233.5 degrees, a saturation of 96.7% and a lightness of 35.5%. #0316b2 color hex could be obtained by blending #062cff with #000065. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 9
- B 70
RGB color chart
- C 98
- M 88
- Y 0
- K 30
CMYK color chart

● #0316b2 color description : Dark blue.

The hexadecimal color #0316b2 has RGB values of R:3, G:22, B:178 and CMYK values of C:0.98, M:0.88, Y:0, K:0.3. Its decimal value is 202418.

Hex triplet	0316b2	`#0316b2`
RGB Decimal	3, 22, 178	`rgb(3,22,178)`
RGB Percent	1.2, 8.6, 69.8	`rgb(1.2%,8.6%,69.8%)`
CMYK	98, 88, 0, 30
HSL	233.5°, 96.7, 35.5	`hsl(233.5,96.7%,35.5%)`
HSV (or HSB)	233.5°, 98.3, 69.8
Web Safe	000099	`#000099`

CIE-LAB	23.022, 54.15, -78.782
XYZ	8.359, 3.807, 42.411
xyY	0.153, 0.07, 3.807
CIE-LCH	23.022, 95.597, 304.502
CIE-LUV	23.022, -7.281, -86.954
Hunter-Lab	19.511, 42.326, -115.22
Binary	00000011, 00010110, 10110010

#0316b2
```
#0316b2 rgb(3,22,178)
```
#b29f03
```
#b29f03 rgb(178,159,3)
```

Complementary Color

#036eb2
```
#036eb2 rgb(3,110,178)
```
#0316b2
```
#0316b2 rgb(3,22,178)
```
#4803b2
```
#4803b2 rgb(72,3,178)
```

Analogous Color

#6eb203
```
#6eb203 rgb(110,178,3)
```
#0316b2
```
#0316b2 rgb(3,22,178)
```
#b24803
```
#b24803 rgb(178,72,3)
```

Split Complementary Color

#16b203
```
#16b203 rgb(22,178,3)
```
#0316b2
```
#0316b2 rgb(3,22,178)
```
#b20316
```
#b20316 rgb(178,3,22)
```

Triadic Color

#03b29f
```
#03b29f rgb(3,178,159)
```
#0316b2
```
#0316b2 rgb(3,22,178)
```
#b20316
```
#b20316 rgb(178,3,22)
```
#b29f03
```
#b29f03 rgb(178,159,3)
```

Tetradic Color

#020d67
```
#020d67 rgb(2,13,103)
```
#021080
```
#021080 rgb(2,16,128)
```
#031399
```
#031399 rgb(3,19,153)
```
#0316b2
```
#0316b2 rgb(3,22,178)
```
#0319cb
```
#0319cb rgb(3,25,203)
```
#041ce4
```
#041ce4 rgb(4,28,228)
```
#0721fb
```
#0721fb rgb(7,33,251)
```

Monochromatic Color

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

#0342b2
```
#0342b2 rgb(3,66,178)
```
#0333b2
```
#0333b2 rgb(3,51,178)
```
#0325b2
```
#0325b2 rgb(3,37,178)
```
#0316b2
```
#0316b2 rgb(3,22,178)
```
#0307b2
```
#0307b2 rgb(3,7,178)
```
#0d03b2
```
#0d03b2 rgb(13,3,178)
```
#1c03b2
```
#1c03b2 rgb(28,3,178)
```

Similar Colors

Text with hexadecimal color #0316b2

This text has a font color of #0316b2.

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

#0316b2 background color

This paragraph has a background color of #0316b2.

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

#0316b2 border color

This element has a border color of #0316b2.

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

CSS codes

.text {color:#0316b2;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000318
```
#000318 rgb(0,3,24)
```
#01052b
```
#01052b rgb(1,5,43)
```
#01083e
```
#01083e rgb(1,8,62)
```
#010a52
```
#010a52 rgb(1,10,82)
```
#020c65
```
#020c65 rgb(2,12,101)
```
#020f78
```
#020f78 rgb(2,15,120)
```
#02118b
```
#02118b rgb(2,17,139)
```
#03149f
```
#03149f rgb(3,20,159)
```
#0316b2
```
#0316b2 rgb(3,22,178)
```
#0318c5
```
#0318c5 rgb(3,24,197)
```
#041bd9
```
#041bd9 rgb(4,27,217)
```
#041dec
```
#041dec rgb(4,29,236)
```

Shade Color Variation

#0923fb
```
#0923fb rgb(9,35,251)
```
#1c34fb
```
#1c34fb rgb(28,52,251)
```
#2f45fb
```
#2f45fb rgb(47,69,251)
```
#4257fc
```
#4257fc rgb(66,87,252)
```
#5668fc
```
#5668fc rgb(86,104,252)
```
#6979fc
```
#6979fc rgb(105,121,252)
```
#7c8afd
```
#7c8afd rgb(124,138,253)
```
#909cfd
```
#909cfd rgb(144,156,253)
```
#a3adfd
```
#a3adfd rgb(163,173,253)
```
#b6befe
```
#b6befe rgb(182,190,254)
```
#cacffe
```
#cacffe rgb(202,207,254)
```
#dde0fe
```
#dde0fe rgb(221,224,254)
```
#f0f2ff
```
#f0f2ff rgb(240,242,255)
```

Tint Color Variation

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

#57575e
```
#57575e rgb(87,87,94)
```
#505265
```
#505265 rgb(80,82,101)
```
#494c6c
```
#494c6c rgb(73,76,108)
```
#424773
```
#424773 rgb(66,71,115)
```
#3b427a
```
#3b427a rgb(59,66,122)
```
#343c81
```
#343c81 rgb(52,60,129)
```
#2d3788
```
#2d3788 rgb(45,55,136)
```
#26318f
```
#26318f rgb(38,49,143)
```
#1f2c96
```
#1f2c96 rgb(31,44,150)
```
#18269d
```
#18269d rgb(24,38,157)
```
#1121a4
```
#1121a4 rgb(17,33,164)
```
#0a1bab
```
#0a1bab rgb(10,27,171)
```
#0316b2
```
#0316b2 rgb(3,22,178)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1c203f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00436a Deuteranopia 1% of men
#00474a Tritanopia 0.001% of the population

Trichromacy

#01308f Protanomaly 1% of men, 0.01% of women
#013284 Deuteranomaly 6% of men, 0.4% of women
#013570 Tritanomaly 0.01% of the population

#0316b2 hex color

#0316b2 Color Information

#0316b2 Color Conversion

Color Schemes with #0316b2

Alternatives to #0316b2

#0316b2 Preview

Shades and Tints of #0316b2

Tones of #0316b2

Color Blindness Simulator