colorhexa.com

#316cef hex color

In a RGB color space, hex #316cef is composed of 19.2% red, 42.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 54.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 221.4 degrees, a saturation of 85.6% and a lightness of 56.5%. #316cef color hex could be obtained by blending #62d8ff with #0000df. Closest websafe color is: #3366ff.

- R 19
- G 42
- B 94
RGB color chart
- C 79
- M 55
- Y 0
- K 6
CMYK color chart

● #316cef color description : Bright blue.

The hexadecimal color #316cef has RGB values of R:49, G:108, B:239 and CMYK values of C:0.79, M:0.55, Y:0, K:0.06. Its decimal value is 3239151.

Hex triplet	316cef	`#316cef`
RGB Decimal	49, 108, 239	`rgb(49,108,239)`
RGB Percent	19.2, 42.4, 93.7	`rgb(19.2%,42.4%,93.7%)`
CMYK	79, 55, 0, 6
HSL	221.4°, 85.6, 56.5	`hsl(221.4,85.6%,56.5%)`
HSV (or HSB)	221.4°, 79.5, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.018, 27.701, -71.247
XYZ	22.206, 17.608, 83.885
xyY	0.18, 0.142, 17.608
CIE-LCH	49.018, 76.442, 291.246
CIE-LUV	49.018, -20.861, -110.728
Hunter-Lab	41.962, 21.025, -89.15
Binary	00110001, 01101100, 11101111

#316cef
```
#316cef rgb(49,108,239)
```
#efb431
```
#efb431 rgb(239,180,49)
```

Complementary Color

#31cbef
```
#31cbef rgb(49,203,239)
```
#316cef
```
#316cef rgb(49,108,239)
```
#5531ef
```
#5531ef rgb(85,49,239)
```

Analogous Color

#cbef31
```
#cbef31 rgb(203,239,49)
```
#316cef
```
#316cef rgb(49,108,239)
```
#ef5531
```
#ef5531 rgb(239,85,49)
```

Split Complementary Color

#6cef31
```
#6cef31 rgb(108,239,49)
```
#316cef
```
#316cef rgb(49,108,239)
```
#ef316c
```
#ef316c rgb(239,49,108)
```

Triadic Color

#31efb4
```
#31efb4 rgb(49,239,180)
```
#316cef
```
#316cef rgb(49,108,239)
```
#ef316c
```
#ef316c rgb(239,49,108)
```
#efb431
```
#efb431 rgb(239,180,49)
```

Tetradic Color

#0f47c4
```
#0f47c4 rgb(15,71,196)
```
#1150dc
```
#1150dc rgb(17,80,220)
```
#195bed
```
#195bed rgb(25,91,237)
```
#316cef
```
#316cef rgb(49,108,239)
```
#497df1
```
#497df1 rgb(73,125,241)
```
#608ef3
```
#608ef3 rgb(96,142,243)
```
#789ff5
```
#789ff5 rgb(120,159,245)
```

Monochromatic Color

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

#319cef
```
#319cef rgb(49,156,239)
```
#318cef
```
#318cef rgb(49,140,239)
```
#317cef
```
#317cef rgb(49,124,239)
```
#316cef
```
#316cef rgb(49,108,239)
```
#315cef
```
#315cef rgb(49,92,239)
```
#314cef
```
#314cef rgb(49,76,239)
```
#313def
```
#313def rgb(49,61,239)
```

Similar Colors

Text with hexadecimal color #316cef

This text has a font color of #316cef.

<span style="color:#316cef;">Text here</span>

#316cef background color

This paragraph has a background color of #316cef.

<p style="background-color:#316cef;">Content here</p>

#316cef border color

This element has a border color of #316cef.

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

CSS codes

.text {color:#316cef;}

.background {background-color:#316cef;}

.border {border:1px solid #316cef;}

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, #01050c is the darkest color, while #f9fbff is the lightest one.

#01050c
```
#01050c rgb(1,5,12)
```
#020b1f
```
#020b1f rgb(2,11,31)
```
#041231
```
#041231 rgb(4,18,49)
```
#051843
```
#051843 rgb(5,24,67)
```
#071f55
```
#071f55 rgb(7,31,85)
```
#082667
```
#082667 rgb(8,38,103)
```
#092c7a
```
#092c7a rgb(9,44,122)
```
#0b338c
```
#0b338c rgb(11,51,140)
```
#0c3a9e
```
#0c3a9e rgb(12,58,158)
```
#0e40b0
```
#0e40b0 rgb(14,64,176)
```
#0f47c2
```
#0f47c2 rgb(15,71,194)
```
#114dd5
```
#114dd5 rgb(17,77,213)
```
#1254e7
```
#1254e7 rgb(18,84,231)
```

Shade Color Variation

#1f5fee
```
#1f5fee rgb(31,95,238)
```
#316cef
```
#316cef rgb(49,108,239)
```
#4379f0
```
#4379f0 rgb(67,121,240)
```
#5586f2
```
#5586f2 rgb(85,134,242)
```
#6893f3
```
#6893f3 rgb(104,147,243)
```
#7aa0f5
```
#7aa0f5 rgb(122,160,245)
```
#8cadf6
```
#8cadf6 rgb(140,173,246)
```
#9ebaf7
```
#9ebaf7 rgb(158,186,247)
```
#b0c7f9
```
#b0c7f9 rgb(176,199,249)
```
#c3d4fa
```
#c3d4fa rgb(195,212,250)
```
#d5e1fc
```
#d5e1fc rgb(213,225,252)
```
#e7eefd
```
#e7eefd rgb(231,238,253)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9091 is the less saturated color, while #2869f8 is the most saturated one.

#8f9091
```
#8f9091 rgb(143,144,145)
```
#868c9a
```
#868c9a rgb(134,140,154)
```
#7e89a2
```
#7e89a2 rgb(126,137,162)
```
#7586ab
```
#7586ab rgb(117,134,171)
```
#6d83b3
```
#6d83b3 rgb(109,131,179)
```
#647fbc
```
#647fbc rgb(100,127,188)
```
#5c7cc4
```
#5c7cc4 rgb(92,124,196)
```
#5379cd
```
#5379cd rgb(83,121,205)
```
#4b76d5
```
#4b76d5 rgb(75,118,213)
```
#4272de
```
#4272de rgb(66,114,222)
```
#3a6fe6
```
#3a6fe6 rgb(58,111,230)
```
#316cef
```
#316cef rgb(49,108,239)
```
#2869f8
```
#2869f8 rgb(40,105,248)
```

Tone Color Variation

Below, you can see how #316cef 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

#696969 Achromatopsia 0.005% of the population
#5e6a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077eb Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#1173ec Protanomaly 1% of men, 0.01% of women
#1177d9 Deuteranomaly 6% of men, 0.4% of women
#117db2 Tritanomaly 0.01% of the population