#0316ff hex color

In a RGB color space, hex #0316ff is composed of 1.2% red, 8.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 91.4% magenta, 0% yellow and 0% black. It has a hue angle of 235.5 degrees, a saturation of 100% and a lightness of 50.6%. #0316ff color hex could be obtained by blending #062cff with #0000ff. Closest websafe color is: #0000ff.

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

● #0316ff color description : Vivid blue.

The hexadecimal color #0316ff has RGB values of R:3, G:22, B:255 and CMYK values of C:0.99, M:0.91, Y:0, K:0. Its decimal value is 202495.

Hex triplet	0316ff	`#0316ff`
RGB Decimal	3, 22, 255	`rgb(3,22,255)`
RGB Percent	1.2, 8.6, 100	`rgb(1.2%,8.6%,100%)`
CMYK	99, 91, 0, 0
HSL	235.5°, 100, 50.6	`hsl(235.5,100%,50.6%)`
HSV (or HSB)	235.5°, 98.8, 100
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.588, 75.351, -105.71
XYZ	18.371, 7.812, 95.142
xyY	0.151, 0.064, 7.812
CIE-LCH	33.588, 129.816, 305.482
CIE-LUV	33.588, -10.166, -131.572
Hunter-Lab	27.949, 68.415, -182.263
Binary	00000011, 00010110, 11111111

#0316ff
```
#0316ff rgb(3,22,255)
```
#ffec03
```
#ffec03 rgb(255,236,3)
```

Complementary Color

#0394ff
```
#0394ff rgb(3,148,255)
```
#0316ff
```
#0316ff rgb(3,22,255)
```
#6e03ff
```
#6e03ff rgb(110,3,255)
```

Analogous Color

#94ff03
```
#94ff03 rgb(148,255,3)
```
#0316ff
```
#0316ff rgb(3,22,255)
```
#ff6e03
```
#ff6e03 rgb(255,110,3)
```

Split Complementary Color

#16ff03
```
#16ff03 rgb(22,255,3)
```
#0316ff
```
#0316ff rgb(3,22,255)
```
#ff0316
```
#ff0316 rgb(255,3,22)
```

Triadic Color

#03ffec
```
#03ffec rgb(3,255,236)
```
#0316ff
```
#0316ff rgb(3,22,255)
```
#ff0316
```
#ff0316 rgb(255,3,22)
```
#ffec03
```
#ffec03 rgb(255,236,3)
```

Tetradic Color

#000eb6
```
#000eb6 rgb(0,14,182)
```
#0010cf
```
#0010cf rgb(0,16,207)
```
#0012e9
```
#0012e9 rgb(0,18,233)
```
#0316ff
```
#0316ff rgb(3,22,255)
```
#1d2eff
```
#1d2eff rgb(29,46,255)
```
#3645ff
```
#3645ff rgb(54,69,255)
```
#505dff
```
#505dff rgb(80,93,255)
```

Monochromatic Color

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

#0355ff
```
#0355ff rgb(3,85,255)
```
#0340ff
```
#0340ff rgb(3,64,255)
```
#032bff
```
#032bff rgb(3,43,255)
```
#0316ff
```
#0316ff rgb(3,22,255)
```
#0503ff
```
#0503ff rgb(5,3,255)
```
#1a03ff
```
#1a03ff rgb(26,3,255)
```
#2f03ff
```
#2f03ff rgb(47,3,255)
```

Similar Colors

Text with hexadecimal color #0316ff

This text has a font color of #0316ff.

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

#0316ff background color

This paragraph has a background color of #0316ff.

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

#0316ff border color

This element has a border color of #0316ff.

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

CSS codes

.text {color:#0316ff;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000217
```
#000217 rgb(0,2,23)
```
#00032a
```
#00032a rgb(0,3,42)
```
#00053e
```
#00053e rgb(0,5,62)
```
#000651
```
#000651 rgb(0,6,81)
```
#000865
```
#000865 rgb(0,8,101)
```
#000979
```
#000979 rgb(0,9,121)
```
#000b8c
```
#000b8c rgb(0,11,140)
```
#000ca0
```
#000ca0 rgb(0,12,160)
```
#000eb4
```
#000eb4 rgb(0,14,180)
```
#000fc7
```
#000fc7 rgb(0,15,199)
```
#0010db
```
#0010db rgb(0,16,219)
```
#0012ee
```
#0012ee rgb(0,18,238)
```

Shade Color Variation

#0316ff
```
#0316ff rgb(3,22,255)
```
#1728ff
```
#1728ff rgb(23,40,255)
```
#2a3aff
```
#2a3aff rgb(42,58,255)
```
#3e4cff
```
#3e4cff rgb(62,76,255)
```
#515fff
```
#515fff rgb(81,95,255)
```
#6571ff
```
#6571ff rgb(101,113,255)
```
#7983ff
```
#7983ff rgb(121,131,255)
```
#8c95ff
```
#8c95ff rgb(140,149,255)
```
#a0a7ff
```
#a0a7ff rgb(160,167,255)
```
#b4b9ff
```
#b4b9ff rgb(180,185,255)
```
#c7cbff
```
#c7cbff rgb(199,203,255)
```
#dbdeff
```
#dbdeff rgb(219,222,255)
```
#eef0ff
```
#eef0ff rgb(238,240,255)
```

Tint Color Variation

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

#77798b
```
#77798b rgb(119,121,139)
```
#6e7194
```
#6e7194 rgb(110,113,148)
```
#64689e
```
#64689e rgb(100,104,158)
```
#5a60a8
```
#5a60a8 rgb(90,96,168)
```
#5158b1
```
#5158b1 rgb(81,88,177)
```
#4750bb
```
#4750bb rgb(71,80,187)
```
#3d47c5
```
#3d47c5 rgb(61,71,197)
```
#333fcf
```
#333fcf rgb(51,63,207)
```
#2a37d8
```
#2a37d8 rgb(42,55,216)
```
#202fe2
```
#202fe2 rgb(32,47,226)
```
#1626ec
```
#1626ec rgb(22,38,236)
```
#0d1ef5
```
#0d1ef5 rgb(13,30,245)
```
#0316ff
```
#0316ff rgb(3,22,255)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#232755 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006164 Tritanopia 0.001% of the population

Trichromacy

#013ec6 Protanomaly 1% of men, 0.01% of women
#0141b7 Deuteranomaly 6% of men, 0.4% of women
#01459c Tritanomaly 0.01% of the population

#0316ff hex color

#0316ff Color Information

#0316ff Color Conversion

Color Schemes with #0316ff

Alternatives to #0316ff

#0316ff Preview

Shades and Tints of #0316ff

Tones of #0316ff

Color Blindness Simulator