#0316c1 hex color

In a RGB color space, hex #0316c1 is composed of 1.2% red, 8.6% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 88.6% magenta, 0% yellow and 24.3% black. It has a hue angle of 234 degrees, a saturation of 96.9% and a lightness of 38.4%. #0316c1 color hex could be obtained by blending #062cff with #000083. Closest websafe color is: #0000cc.

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

● #0316c1 color description : Strong blue.

The hexadecimal color #0316c1 has RGB values of R:3, G:22, B:193 and CMYK values of C:0.98, M:0.89, Y:0, K:0.24. Its decimal value is 202433.

Hex triplet	0316c1	`#0316c1`
RGB Decimal	3, 22, 193	`rgb(3,22,193)`
RGB Percent	1.2, 8.6, 75.7	`rgb(1.2%,8.6%,75.7%)`
CMYK	98, 89, 0, 24
HSL	234°, 96.9, 38.4	`hsl(234,96.9%,38.4%)`
HSV (or HSB)	234°, 98.4, 75.7
Web Safe	0000cc	`#0000cc`

CIE-LAB	25.084, 58.548, -84.267
XYZ	9.948, 4.443, 50.782
xyY	0.153, 0.068, 4.443
CIE-LCH	25.084, 102.61, 304.792
CIE-LUV	25.084, -7.834, -95.768
Hunter-Lab	21.078, 47.363, -128.094
Binary	00000011, 00010110, 11000001

#0316c1
```
#0316c1 rgb(3,22,193)
```
#c1ae03
```
#c1ae03 rgb(193,174,3)
```

Complementary Color

#0375c1
```
#0375c1 rgb(3,117,193)
```
#0316c1
```
#0316c1 rgb(3,22,193)
```
#4f03c1
```
#4f03c1 rgb(79,3,193)
```

Analogous Color

#75c103
```
#75c103 rgb(117,193,3)
```
#0316c1
```
#0316c1 rgb(3,22,193)
```
#c14f03
```
#c14f03 rgb(193,79,3)
```

Split Complementary Color

#16c103
```
#16c103 rgb(22,193,3)
```
#0316c1
```
#0316c1 rgb(3,22,193)
```
#c10316
```
#c10316 rgb(193,3,22)
```

Triadic Color

#03c1ae
```
#03c1ae rgb(3,193,174)
```
#0316c1
```
#0316c1 rgb(3,22,193)
```
#c10316
```
#c10316 rgb(193,3,22)
```
#c1ae03
```
#c1ae03 rgb(193,174,3)
```

Tetradic Color

#020d76
```
#020d76 rgb(2,13,118)
```
#02108f
```
#02108f rgb(2,16,143)
```
#0313a8
```
#0313a8 rgb(3,19,168)
```
#0316c1
```
#0316c1 rgb(3,22,193)
```
#0319da
```
#0319da rgb(3,25,218)
```
#041cf3
```
#041cf3 rgb(4,28,243)
```
#152cfb
```
#152cfb rgb(21,44,251)
```

Monochromatic Color

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

#0346c1
```
#0346c1 rgb(3,70,193)
```
#0336c1
```
#0336c1 rgb(3,54,193)
```
#0326c1
```
#0326c1 rgb(3,38,193)
```
#0316c1
```
#0316c1 rgb(3,22,193)
```
#0306c1
```
#0306c1 rgb(3,6,193)
```
#1003c1
```
#1003c1 rgb(16,3,193)
```
#2003c1
```
#2003c1 rgb(32,3,193)
```

Similar Colors

Text with hexadecimal color #0316c1

This text has a font color of #0316c1.

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

#0316c1 background color

This paragraph has a background color of #0316c1.

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

#0316c1 border color

This element has a border color of #0316c1.

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

CSS codes

.text {color:#0316c1;}

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

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

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

#000213
```
#000213 rgb(0,2,19)
```
#010426
```
#010426 rgb(1,4,38)
```
#01073a
```
#01073a rgb(1,7,58)
```
#01094d
```
#01094d rgb(1,9,77)
```
#010b60
```
#010b60 rgb(1,11,96)
```
#020d74
```
#020d74 rgb(2,13,116)
```
#020f87
```
#020f87 rgb(2,15,135)
```
#02129a
```
#02129a rgb(2,18,154)
```
#0314ae
```
#0314ae rgb(3,20,174)
```
#0316c1
```
#0316c1 rgb(3,22,193)
```
#0318d4
```
#0318d4 rgb(3,24,212)
```
#041ae8
```
#041ae8 rgb(4,26,232)
```
#041dfb
```
#041dfb rgb(4,29,251)
```

Shade Color Variation

#172efb
```
#172efb rgb(23,46,251)
```
#2a3ffc
```
#2a3ffc rgb(42,63,252)
```
#3e51fc
```
#3e51fc rgb(62,81,252)
```
#5162fc
```
#5162fc rgb(81,98,252)
```
#6474fd
```
#6474fd rgb(100,116,253)
```
#7885fd
```
#7885fd rgb(120,133,253)
```
#8b96fd
```
#8b96fd rgb(139,150,253)
```
#9ea8fd
```
#9ea8fd rgb(158,168,253)
```
#b2b9fe
```
#b2b9fe rgb(178,185,254)
```
#c5cbfe
```
#c5cbfe rgb(197,203,254)
```
#d8dcfe
```
#d8dcfe rgb(216,220,254)
```
#ecedff
```
#ecedff rgb(236,237,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d5e67
```
#5d5e67 rgb(93,94,103)
```
#56586e
```
#56586e rgb(86,88,110)
```
#4e5276
```
#4e5276 rgb(78,82,118)
```
#474c7d
```
#474c7d rgb(71,76,125)
```
#3f4685
```
#3f4685 rgb(63,70,133)
```
#38408c
```
#38408c rgb(56,64,140)
```
#303a94
```
#303a94 rgb(48,58,148)
```
#29349b
```
#29349b rgb(41,52,155)
```
#212ea3
```
#212ea3 rgb(33,46,163)
```
#1a28aa
```
#1a28aa rgb(26,40,170)
```
#1222b2
```
#1222b2 rgb(18,34,178)
```
#0b1cb9
```
#0b1cb9 rgb(11,28,185)
```
#0316c1
```
#0316c1 rgb(3,22,193)
```

Tone Color Variation

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

Dichromacy

#004383 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c4f Tritanopia 0.001% of the population

Trichromacy

#013399 Protanomaly 1% of men, 0.01% of women
#01358e Deuteranomaly 6% of men, 0.4% of women
#013878 Tritanomaly 0.01% of the population

#0316c1 hex color

#0316c1 Color Information

#0316c1 Color Conversion

Color Schemes with #0316c1

Alternatives to #0316c1

#0316c1 Preview

Shades and Tints of #0316c1

Tones of #0316c1

Color Blindness Simulator