#0316e7 hex color

In a RGB color space, hex #0316e7 is composed of 1.2% red, 8.6% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 90.5% magenta, 0% yellow and 9.4% black. It has a hue angle of 235 degrees, a saturation of 97.4% and a lightness of 45.9%. #0316e7 color hex could be obtained by blending #062cff with #0000cf. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 1
- G 9
- B 91
RGB color chart
- C 99
- M 90
- Y 0
- K 9
CMYK color chart

● #0316e7 color description : Vivid blue.

The hexadecimal color #0316e7 has RGB values of R:3, G:22, B:231 and CMYK values of C:0.99, M:0.9, Y:0, K:0.09. Its decimal value is 202471.

Hex triplet	0316e7	`#0316e7`
RGB Decimal	3, 22, 231	`rgb(3,22,231)`
RGB Percent	1.2, 8.6, 90.6	`rgb(1.2%,8.6%,90.6%)`
CMYK	99, 90, 0, 9
HSL	235°, 97.4, 45.9	`hsl(235,97.4%,45.9%)`
HSV (or HSB)	235°, 98.7, 90.6
Web Safe	0000ff	`#0000ff`

CIE-LAB	30.307, 69.065, -97.609
XYZ	14.745, 6.362, 76.048
xyY	0.152, 0.065, 6.362
CIE-LCH	30.307, 119.572, 305.282
CIE-LUV	30.307, -9.258, -117.843
Hunter-Lab	25.222, 60.216, -161.111
Binary	00000011, 00010110, 11100111

#0316e7
```
#0316e7 rgb(3,22,231)
```
#e7d403
```
#e7d403 rgb(231,212,3)
```

Complementary Color

#0388e7
```
#0388e7 rgb(3,136,231)
```
#0316e7
```
#0316e7 rgb(3,22,231)
```
#6203e7
```
#6203e7 rgb(98,3,231)
```

Analogous Color

#88e703
```
#88e703 rgb(136,231,3)
```
#0316e7
```
#0316e7 rgb(3,22,231)
```
#e76203
```
#e76203 rgb(231,98,3)
```

Split Complementary Color

#16e703
```
#16e703 rgb(22,231,3)
```
#0316e7
```
#0316e7 rgb(3,22,231)
```
#e70316
```
#e70316 rgb(231,3,22)
```

Triadic Color

#03e7d4
```
#03e7d4 rgb(3,231,212)
```
#0316e7
```
#0316e7 rgb(3,22,231)
```
#e70316
```
#e70316 rgb(231,3,22)
```
#e7d403
```
#e7d403 rgb(231,212,3)
```

Tetradic Color

#020f9b
```
#020f9b rgb(2,15,155)
```
#0211b5
```
#0211b5 rgb(2,17,181)
```
#0314ce
```
#0314ce rgb(3,20,206)
```
#0316e7
```
#0316e7 rgb(3,22,231)
```
#081cfc
```
#081cfc rgb(8,28,252)
```
#2133fc
```
#2133fc rgb(33,51,252)
```
#3a4afc
```
#3a4afc rgb(58,74,252)
```

Monochromatic Color

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

#034fe7
```
#034fe7 rgb(3,79,231)
```
#033ce7
```
#033ce7 rgb(3,60,231)
```
#0329e7
```
#0329e7 rgb(3,41,231)
```
#0316e7
```
#0316e7 rgb(3,22,231)
```
#0303e7
```
#0303e7 rgb(3,3,231)
```
#1603e7
```
#1603e7 rgb(22,3,231)
```
#2903e7
```
#2903e7 rgb(41,3,231)
```

Similar Colors

Text with hexadecimal color #0316e7

This text has a font color of #0316e7.

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

#0316e7 background color

This paragraph has a background color of #0316e7.

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

#0316e7 border color

This element has a border color of #0316e7.

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

CSS codes

.text {color:#0316e7;}

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

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

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

#000212
```
#000212 rgb(0,2,18)
```
#000425
```
#000425 rgb(0,4,37)
```
#010539
```
#010539 rgb(1,5,57)
```
#01074c
```
#01074c rgb(1,7,76)
```
#01095f
```
#01095f rgb(1,9,95)
```
#010b73
```
#010b73 rgb(1,11,115)
```
#020d86
```
#020d86 rgb(2,13,134)
```
#020f9a
```
#020f9a rgb(2,15,154)
```
#0210ad
```
#0210ad rgb(2,16,173)
```
#0212c0
```
#0212c0 rgb(2,18,192)
```
#0314d4
```
#0314d4 rgb(3,20,212)
```
#0316e7
```
#0316e7 rgb(3,22,231)
```
#0318fa
```
#0318fa rgb(3,24,250)
```

Shade Color Variation

#1528fc
```
#1528fc rgb(21,40,252)
```
#293afc
```
#293afc rgb(41,58,252)
```
#3c4cfc
```
#3c4cfc rgb(60,76,252)
```
#4f5efd
```
#4f5efd rgb(79,94,253)
```
#6370fd
```
#6370fd rgb(99,112,253)
```
#7681fd
```
#7681fd rgb(118,129,253)
```
#8993fd
```
#8993fd rgb(137,147,253)
```
#9da5fe
```
#9da5fe rgb(157,165,254)
```
#b0b7fe
```
#b0b7fe rgb(176,183,254)
```
#c4c8fe
```
#c4c8fe rgb(196,200,254)
```
#d7dafe
```
#d7dafe rgb(215,218,254)
```
#eaecff
```
#eaecff rgb(234,236,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6f707b
```
#6f707b rgb(111,112,123)
```
#666984
```
#666984 rgb(102,105,132)
```
#5d618d
```
#5d618d rgb(93,97,141)
```
#545a96
```
#545a96 rgb(84,90,150)
```
#4b529f
```
#4b529f rgb(75,82,159)
```
#424ba8
```
#424ba8 rgb(66,75,168)
```
#3943b1
```
#3943b1 rgb(57,67,177)
```
#303bba
```
#303bba rgb(48,59,186)
```
#2734c3
```
#2734c3 rgb(39,52,195)
```
#1e2dcc
```
#1e2dcc rgb(30,45,204)
```
#1525d5
```
#1525d5 rgb(21,37,213)
```
#0c1ede
```
#0c1ede rgb(12,30,222)
```
#0316e7
```
#0316e7 rgb(3,22,231)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#21244e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005383 Deuteranopia 1% of men
#00595c Tritanopia 0.001% of the population

Trichromacy

#013ab5 Protanomaly 1% of men, 0.01% of women
#013da7 Deuteranomaly 6% of men, 0.4% of women
#01408e Tritanomaly 0.01% of the population

#0316e7 hex color

#0316e7 Color Information

#0316e7 Color Conversion

Color Schemes with #0316e7

Alternatives to #0316e7

#0316e7 Preview

Shades and Tints of #0316e7

Tones of #0316e7

Color Blindness Simulator