#0316e2 hex color

In a RGB color space, hex #0316e2 is composed of 1.2% red, 8.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 90.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 234.9 degrees, a saturation of 97.4% and a lightness of 44.9%. #0316e2 color hex could be obtained by blending #062cff with #0000c5. Closest websafe color is: #0000cc.

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

● #0316e2 color description : Vivid blue.

The hexadecimal color #0316e2 has RGB values of R:3, G:22, B:226 and CMYK values of C:0.99, M:0.9, Y:0, K:0.11. Its decimal value is 202466.

Hex triplet	0316e2	`#0316e2`
RGB Decimal	3, 22, 226	`rgb(3,22,226)`
RGB Percent	1.2, 8.6, 88.6	`rgb(1.2%,8.6%,88.6%)`
CMYK	99, 90, 0, 11
HSL	234.9°, 97.4, 44.9	`hsl(234.9,97.4%,44.9%)`
HSV (or HSB)	234.9°, 98.7, 88.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	29.621, 67.725, -95.892
XYZ	14.049, 6.083, 72.381
xyY	0.152, 0.066, 6.083
CIE-LCH	29.621, 117.397, 305.232
CIE-LUV	29.621, -9.07, -114.961
Hunter-Lab	24.664, 58.517, -156.734
Binary	00000011, 00010110, 11100010

#0316e2
```
#0316e2 rgb(3,22,226)
```
#e2cf03
```
#e2cf03 rgb(226,207,3)
```

Complementary Color

#0386e2
```
#0386e2 rgb(3,134,226)
```
#0316e2
```
#0316e2 rgb(3,22,226)
```
#6003e2
```
#6003e2 rgb(96,3,226)
```

Analogous Color

#86e203
```
#86e203 rgb(134,226,3)
```
#0316e2
```
#0316e2 rgb(3,22,226)
```
#e25f03
```
#e25f03 rgb(226,95,3)
```

Split Complementary Color

#16e203
```
#16e203 rgb(22,226,3)
```
#0316e2
```
#0316e2 rgb(3,22,226)
```
#e20316
```
#e20316 rgb(226,3,22)
```

Triadic Color

#03e2cf
```
#03e2cf rgb(3,226,207)
```
#0316e2
```
#0316e2 rgb(3,22,226)
```
#e20316
```
#e20316 rgb(226,3,22)
```
#e2cf03
```
#e2cf03 rgb(226,207,3)
```

Tetradic Color

#020f97
```
#020f97 rgb(2,15,151)
```
#0211b0
```
#0211b0 rgb(2,17,176)
```
#0314c9
```
#0314c9 rgb(3,20,201)
```
#0316e2
```
#0316e2 rgb(3,22,226)
```
#0318fb
```
#0318fb rgb(3,24,251)
```
#1c2ffc
```
#1c2ffc rgb(28,47,252)
```
#3546fc
```
#3546fc rgb(53,70,252)
```

Monochromatic Color

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

#034ee2
```
#034ee2 rgb(3,78,226)
```
#033be2
```
#033be2 rgb(3,59,226)
```
#0329e2
```
#0329e2 rgb(3,41,226)
```
#0316e2
```
#0316e2 rgb(3,22,226)
```
#0303e2
```
#0303e2 rgb(3,3,226)
```
#1503e2
```
#1503e2 rgb(21,3,226)
```
#2803e2
```
#2803e2 rgb(40,3,226)
```

Similar Colors

Text with hexadecimal color #0316e2

This text has a font color of #0316e2.

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

#0316e2 background color

This paragraph has a background color of #0316e2.

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

#0316e2 border color

This element has a border color of #0316e2.

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

CSS codes

.text {color:#0316e2;}

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

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

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

#00010d
```
#00010d rgb(0,1,13)
```
#000320
```
#000320 rgb(0,3,32)
```
#010534
```
#010534 rgb(1,5,52)
```
#010747
```
#010747 rgb(1,7,71)
```
#01095a
```
#01095a rgb(1,9,90)
```
#010b6e
```
#010b6e rgb(1,11,110)
```
#020d81
```
#020d81 rgb(2,13,129)
```
#020e95
```
#020e95 rgb(2,14,149)
```
#0210a8
```
#0210a8 rgb(2,16,168)
```
#0212bb
```
#0212bb rgb(2,18,187)
```
#0314cf
```
#0314cf rgb(3,20,207)
```
#0316e2
```
#0316e2 rgb(3,22,226)
```
#0318f5
```
#0318f5 rgb(3,24,245)
```

Shade Color Variation

#1024fc
```
#1024fc rgb(16,36,252)
```
#2436fc
```
#2436fc rgb(36,54,252)
```
#3748fc
```
#3748fc rgb(55,72,252)
```
#4a5afd
```
#4a5afd rgb(74,90,253)
```
#5e6bfd
```
#5e6bfd rgb(94,107,253)
```
#717dfd
```
#717dfd rgb(113,125,253)
```
#858ffd
```
#858ffd rgb(133,143,253)
```
#98a1fe
```
#98a1fe rgb(152,161,254)
```
#abb2fe
```
#abb2fe rgb(171,178,254)
```
#bfc4fe
```
#bfc4fe rgb(191,196,254)
```
#d2d6fe
```
#d2d6fe rgb(210,214,254)
```
#e5e7ff
```
#e5e7ff rgb(229,231,255)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#6d6e78
```
#6d6e78 rgb(109,110,120)
```
#646681
```
#646681 rgb(100,102,129)
```
#5b5f8a
```
#5b5f8a rgb(91,95,138)
```
#525893
```
#525893 rgb(82,88,147)
```
#49509c
```
#49509c rgb(73,80,156)
```
#4149a4
```
#4149a4 rgb(65,73,164)
```
#3842ad
```
#3842ad rgb(56,66,173)
```
#2f3bb6
```
#2f3bb6 rgb(47,59,182)
```
#2633bf
```
#2633bf rgb(38,51,191)
```
#1d2cc8
```
#1d2cc8 rgb(29,44,200)
```
#1525d0
```
#1525d0 rgb(21,37,208)
```
#0c1dd9
```
#0c1dd9 rgb(12,29,217)
```
#0316e2
```
#0316e2 rgb(3,22,226)
```

Tone Color Variation

Below, you can see how #0316e2 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
#21244d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005180 Deuteranopia 1% of men
#00575a Tritanopia 0.001% of the population

Trichromacy

#0139b1 Protanomaly 1% of men, 0.01% of women
#013ca4 Deuteranomaly 6% of men, 0.4% of women
#013f8b Tritanomaly 0.01% of the population

#0316e2 hex color

#0316e2 Color Information

#0316e2 Color Conversion

Color Schemes with #0316e2

Alternatives to #0316e2

#0316e2 Preview

Shades and Tints of #0316e2

Tones of #0316e2

Color Blindness Simulator