#0316bb hex color

In a RGB color space, hex #0316bb is composed of 1.2% red, 8.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 88.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 233.8 degrees, a saturation of 96.8% and a lightness of 37.3%. #0316bb color hex could be obtained by blending #062cff with #000077. Closest websafe color is: #0000cc.

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

● #0316bb color description : Strong blue.

The hexadecimal color #0316bb has RGB values of R:3, G:22, B:187 and CMYK values of C:0.98, M:0.88, Y:0, K:0.27. Its decimal value is 202427.

Hex triplet	0316bb	`#0316bb`
RGB Decimal	3, 22, 187	`rgb(3,22,187)`
RGB Percent	1.2, 8.6, 73.3	`rgb(1.2%,8.6%,73.3%)`
CMYK	98, 88, 0, 27
HSL	233.8°, 96.8, 37.3	`hsl(233.8,96.8%,37.3%)`
HSV (or HSB)	233.8°, 98.4, 73.3
Web Safe	0000cc	`#0000cc`

CIE-LAB	24.259, 56.809, -82.09
XYZ	9.292, 4.18, 47.328
xyY	0.153, 0.069, 4.18
CIE-LCH	24.259, 99.83, 304.684
CIE-LUV	24.259, -7.612, -92.248
Hunter-Lab	20.446, 45.346, -122.933
Binary	00000011, 00010110, 10111011

#0316bb
```
#0316bb rgb(3,22,187)
```
#bba803
```
#bba803 rgb(187,168,3)
```

Complementary Color

#0372bb
```
#0372bb rgb(3,114,187)
```
#0316bb
```
#0316bb rgb(3,22,187)
```
#4c03bb
```
#4c03bb rgb(76,3,187)
```

Analogous Color

#72bb03
```
#72bb03 rgb(114,187,3)
```
#0316bb
```
#0316bb rgb(3,22,187)
```
#bb4c03
```
#bb4c03 rgb(187,76,3)
```

Split Complementary Color

#16bb03
```
#16bb03 rgb(22,187,3)
```
#0316bb
```
#0316bb rgb(3,22,187)
```
#bb0316
```
#bb0316 rgb(187,3,22)
```

Triadic Color

#03bba8
```
#03bba8 rgb(3,187,168)
```
#0316bb
```
#0316bb rgb(3,22,187)
```
#bb0316
```
#bb0316 rgb(187,3,22)
```
#bba803
```
#bba803 rgb(187,168,3)
```

Tetradic Color

#020d70
```
#020d70 rgb(2,13,112)
```
#021089
```
#021089 rgb(2,16,137)
```
#0313a2
```
#0313a2 rgb(3,19,162)
```
#0316bb
```
#0316bb rgb(3,22,187)
```
#0319d4
```
#0319d4 rgb(3,25,212)
```
#041ced
```
#041ced rgb(4,28,237)
```
#0f28fb
```
#0f28fb rgb(15,40,251)
```

Monochromatic Color

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

#0344bb
```
#0344bb rgb(3,68,187)
```
#0335bb
```
#0335bb rgb(3,53,187)
```
#0325bb
```
#0325bb rgb(3,37,187)
```
#0316bb
```
#0316bb rgb(3,22,187)
```
#0307bb
```
#0307bb rgb(3,7,187)
```
#0f03bb
```
#0f03bb rgb(15,3,187)
```
#1e03bb
```
#1e03bb rgb(30,3,187)
```

Similar Colors

Text with hexadecimal color #0316bb

This text has a font color of #0316bb.

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

#0316bb background color

This paragraph has a background color of #0316bb.

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

#0316bb border color

This element has a border color of #0316bb.

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

CSS codes

.text {color:#0316bb;}

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

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

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

#00020d
```
#00020d rgb(0,2,13)
```
#010421
```
#010421 rgb(1,4,33)
```
#010634
```
#010634 rgb(1,6,52)
```
#010847
```
#010847 rgb(1,8,71)
```
#010b5a
```
#010b5a rgb(1,11,90)
```
#020d6e
```
#020d6e rgb(2,13,110)
```
#020f81
```
#020f81 rgb(2,15,129)
```
#021194
```
#021194 rgb(2,17,148)
```
#0314a8
```
#0314a8 rgb(3,20,168)
```
#0316bb
```
#0316bb rgb(3,22,187)
```
#0318ce
```
#0318ce rgb(3,24,206)
```
#041be2
```
#041be2 rgb(4,27,226)
```
#041df5
```
#041df5 rgb(4,29,245)
```

Shade Color Variation

#1129fb
```
#1129fb rgb(17,41,251)
```
#253bfb
```
#253bfb rgb(37,59,251)
```
#384cfc
```
#384cfc rgb(56,76,252)
```
#4b5dfc
```
#4b5dfc rgb(75,93,252)
```
#5e6ffc
```
#5e6ffc rgb(94,111,252)
```
#7280fd
```
#7280fd rgb(114,128,253)
```
#8591fd
```
#8591fd rgb(133,145,253)
```
#98a3fd
```
#98a3fd rgb(152,163,253)
```
#acb4fe
```
#acb4fe rgb(172,180,254)
```
#bfc6fe
```
#bfc6fe rgb(191,198,254)
```
#d2d7fe
```
#d2d7fe rgb(210,215,254)
```
#e6e8ff
```
#e6e8ff rgb(230,232,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#5b5c63
```
#5b5c63 rgb(91,92,99)
```
#53566b
```
#53566b rgb(83,86,107)
```
#4c5072
```
#4c5072 rgb(76,80,114)
```
#454a79
```
#454a79 rgb(69,74,121)
```
#3d4481
```
#3d4481 rgb(61,68,129)
```
#363f88
```
#363f88 rgb(54,63,136)
```
#2f398f
```
#2f398f rgb(47,57,143)
```
#283396
```
#283396 rgb(40,51,150)
```
#202d9e
```
#202d9e rgb(32,45,158)
```
#1927a5
```
#1927a5 rgb(25,39,165)
```
#1222ac
```
#1222ac rgb(18,34,172)
```
#0a1cb4
```
#0a1cb4 rgb(10,28,180)
```
#0316bb
```
#0316bb rgb(3,22,187)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#1d2041 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00466e Deuteranopia 1% of men
#004a4d Tritanopia 0.001% of the population

Trichromacy

#013295 Protanomaly 1% of men, 0.01% of women
#01348a Deuteranomaly 6% of men, 0.4% of women
#013775 Tritanomaly 0.01% of the population

#0316bb hex color

#0316bb Color Information

#0316bb Color Conversion

Color Schemes with #0316bb

Alternatives to #0316bb

#0316bb Preview

Shades and Tints of #0316bb

Tones of #0316bb

Color Blindness Simulator