#0316c5 hex color

In a RGB color space, hex #0316c5 is composed of 1.2% red, 8.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 88.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 234.1 degrees, a saturation of 97% and a lightness of 39.2%. #0316c5 color hex could be obtained by blending #062cff with #00008b. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 9
- B 77
RGB color chart
- C 98
- M 89
- Y 0
- K 23
CMYK color chart

● #0316c5 color description : Strong blue.

The hexadecimal color #0316c5 has RGB values of R:3, G:22, B:197 and CMYK values of C:0.98, M:0.89, Y:0, K:0.23. Its decimal value is 202437.

Hex triplet	0316c5	`#0316c5`
RGB Decimal	3, 22, 197	`rgb(3,22,197)`
RGB Percent	1.2, 8.6, 77.3	`rgb(1.2%,8.6%,77.3%)`
CMYK	98, 89, 0, 23
HSL	234.1°, 97, 39.2	`hsl(234.1,97%,39.2%)`
HSV (or HSB)	234.1°, 98.5, 77.3
Web Safe	0000cc	`#0000cc`

CIE-LAB	25.634, 59.695, -85.706
XYZ	10.4, 4.624, 53.165
xyY	0.153, 0.068, 4.624
CIE-LCH	25.634, 104.446, 304.857
CIE-LUV	25.634, -7.982, -98.11
Hunter-Lab	21.502, 48.709, -131.542
Binary	00000011, 00010110, 11000101

#0316c5
```
#0316c5 rgb(3,22,197)
```
#c5b203
```
#c5b203 rgb(197,178,3)
```

Complementary Color

#0377c5
```
#0377c5 rgb(3,119,197)
```
#0316c5
```
#0316c5 rgb(3,22,197)
```
#5103c5
```
#5103c5 rgb(81,3,197)
```

Analogous Color

#77c503
```
#77c503 rgb(119,197,3)
```
#0316c5
```
#0316c5 rgb(3,22,197)
```
#c55103
```
#c55103 rgb(197,81,3)
```

Split Complementary Color

#16c503
```
#16c503 rgb(22,197,3)
```
#0316c5
```
#0316c5 rgb(3,22,197)
```
#c50316
```
#c50316 rgb(197,3,22)
```

Triadic Color

#03c5b2
```
#03c5b2 rgb(3,197,178)
```
#0316c5
```
#0316c5 rgb(3,22,197)
```
#c50316
```
#c50316 rgb(197,3,22)
```
#c5b203
```
#c5b203 rgb(197,178,3)
```

Tetradic Color

#020e7a
```
#020e7a rgb(2,14,122)
```
#021093
```
#021093 rgb(2,16,147)
```
#0313ac
```
#0313ac rgb(3,19,172)
```
#0316c5
```
#0316c5 rgb(3,22,197)
```
#0319de
```
#0319de rgb(3,25,222)
```
#041cf7
```
#041cf7 rgb(4,28,247)
```
#192ffb
```
#192ffb rgb(25,47,251)
```

Monochromatic Color

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

#0347c5
```
#0347c5 rgb(3,71,197)
```
#0336c5
```
#0336c5 rgb(3,54,197)
```
#0326c5
```
#0326c5 rgb(3,38,197)
```
#0316c5
```
#0316c5 rgb(3,22,197)
```
#0306c5
```
#0306c5 rgb(3,6,197)
```
#1003c5
```
#1003c5 rgb(16,3,197)
```
#2003c5
```
#2003c5 rgb(32,3,197)
```

Similar Colors

Text with hexadecimal color #0316c5

This text has a font color of #0316c5.

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

#0316c5 background color

This paragraph has a background color of #0316c5.

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

#0316c5 border color

This element has a border color of #0316c5.

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

CSS codes

.text {color:#0316c5;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#000317
```
#000317 rgb(0,3,23)
```
#01052a
```
#01052a rgb(1,5,42)
```
#01073e
```
#01073e rgb(1,7,62)
```
#010951
```
#010951 rgb(1,9,81)
```
#020b64
```
#020b64 rgb(2,11,100)
```
#020d78
```
#020d78 rgb(2,13,120)
```
#02108b
```
#02108b rgb(2,16,139)
```
#02129e
```
#02129e rgb(2,18,158)
```
#0314b2
```
#0314b2 rgb(3,20,178)
```
#0316c5
```
#0316c5 rgb(3,22,197)
```
#0318d8
```
#0318d8 rgb(3,24,216)
```
#041aec
```
#041aec rgb(4,26,236)
```

Shade Color Variation

#081ffb
```
#081ffb rgb(8,31,251)
```
#1b31fc
```
#1b31fc rgb(27,49,252)
```
#2e42fc
```
#2e42fc rgb(46,66,252)
```
#4254fc
```
#4254fc rgb(66,84,252)
```
#5565fc
```
#5565fc rgb(85,101,252)
```
#6877fd
```
#6877fd rgb(104,119,253)
```
#7c88fd
```
#7c88fd rgb(124,136,253)
```
#8f9afd
```
#8f9afd rgb(143,154,253)
```
#a2abfe
```
#a2abfe rgb(162,171,254)
```
#b6bdfe
```
#b6bdfe rgb(182,189,254)
```
#c9cefe
```
#c9cefe rgb(201,206,254)
```
#dce0fe
```
#dce0fe rgb(220,224,254)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#5f6069
```
#5f6069 rgb(95,96,105)
```
#585a70
```
#585a70 rgb(88,90,112)
```
#505478
```
#505478 rgb(80,84,120)
```
#484e80
```
#484e80 rgb(72,78,128)
```
#414787
```
#414787 rgb(65,71,135)
```
#39418f
```
#39418f rgb(57,65,143)
```
#313b97
```
#313b97 rgb(49,59,151)
```
#29359f
```
#29359f rgb(41,53,159)
```
#222fa6
```
#222fa6 rgb(34,47,166)
```
#1a29ae
```
#1a29ae rgb(26,41,174)
```
#1222b6
```
#1222b6 rgb(18,34,182)
```
#0b1cbd
```
#0b1cbd rgb(11,28,189)
```
#0316c5
```
#0316c5 rgb(3,22,197)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#1d2144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004973 Deuteranopia 1% of men
#004d50 Tritanopia 0.001% of the population

Trichromacy

#01339c Protanomaly 1% of men, 0.01% of women
#013690 Deuteranomaly 6% of men, 0.4% of women
#01397b Tritanomaly 0.01% of the population

#0316c5 hex color

#0316c5 Color Information

#0316c5 Color Conversion

Color Schemes with #0316c5

Alternatives to #0316c5

#0316c5 Preview

Shades and Tints of #0316c5

Tones of #0316c5

Color Blindness Simulator