#316eec hex color

In a RGB color space, hex #316eec is composed of 19.2% red, 43.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 53.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 220.4 degrees, a saturation of 83.1% and a lightness of 55.9%. #316eec color hex could be obtained by blending #62dcff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 43
- B 93
RGB color chart
- C 79
- M 53
- Y 0
- K 7
CMYK color chart

● #316eec color description : Bright blue.

The hexadecimal color #316eec has RGB values of R:49, G:110, B:236 and CMYK values of C:0.79, M:0.53, Y:0, K:0.07. Its decimal value is 3239660.

Hex triplet	316eec	`#316eec`
RGB Decimal	49, 110, 236	`rgb(49,110,236)`
RGB Percent	19.2, 43.1, 92.5	`rgb(19.2%,43.1%,92.5%)`
CMYK	79, 53, 0, 7
HSL	220.4°, 83.1, 55.9	`hsl(220.4,83.1%,55.9%)`
HSV (or HSB)	220.4°, 79.2, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.325, 25.327, -69.067
XYZ	21.98, 17.859, 81.641
xyY	0.181, 0.147, 17.859
CIE-LCH	49.325, 73.564, 290.138
CIE-LUV	49.325, -21.444, -107.587
Hunter-Lab	42.26, 18.883, -84.958
Binary	00110001, 01101110, 11101100

#316eec
```
#316eec rgb(49,110,236)
```
#ecaf31
```
#ecaf31 rgb(236,175,49)
```

Complementary Color

#31ccec
```
#31ccec rgb(49,204,236)
```
#316eec
```
#316eec rgb(49,110,236)
```
#5231ec
```
#5231ec rgb(82,49,236)
```

Analogous Color

#ccec31
```
#ccec31 rgb(204,236,49)
```
#316eec
```
#316eec rgb(49,110,236)
```
#ec5231
```
#ec5231 rgb(236,82,49)
```

Split Complementary Color

#6eec31
```
#6eec31 rgb(110,236,49)
```
#316eec
```
#316eec rgb(49,110,236)
```
#ec316e
```
#ec316e rgb(236,49,110)
```

Triadic Color

#31ecaf
```
#31ecaf rgb(49,236,175)
```
#316eec
```
#316eec rgb(49,110,236)
```
#ec316e
```
#ec316e rgb(236,49,110)
```
#ecaf31
```
#ecaf31 rgb(236,175,49)
```

Tetradic Color

#124abf
```
#124abf rgb(18,74,191)
```
#1453d6
```
#1453d6 rgb(20,83,214)
```
#1a5eea
```
#1a5eea rgb(26,94,234)
```
#316eec
```
#316eec rgb(49,110,236)
```
#487eee
```
#487eee rgb(72,126,238)
```
#608ff0
```
#608ff0 rgb(96,143,240)
```
#779ff2
```
#779ff2 rgb(119,159,242)
```

Monochromatic Color

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

#319dec
```
#319dec rgb(49,157,236)
```
#318dec
```
#318dec rgb(49,141,236)
```
#317eec
```
#317eec rgb(49,126,236)
```
#316eec
```
#316eec rgb(49,110,236)
```
#315eec
```
#315eec rgb(49,94,236)
```
#314fec
```
#314fec rgb(49,79,236)
```
#313fec
```
#313fec rgb(49,63,236)
```

Similar Colors

Text with hexadecimal color #316eec

This text has a font color of #316eec.

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

#316eec background color

This paragraph has a background color of #316eec.

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

#316eec border color

This element has a border color of #316eec.

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

CSS codes

.text {color:#316eec;}

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

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

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, #01040a is the darkest color, while #f7f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#030b1b
```
#030b1b rgb(3,11,27)
```
#04122d
```
#04122d rgb(4,18,45)
```
#06193f
```
#06193f rgb(6,25,63)
```
#082051
```
#082051 rgb(8,32,81)
```
#092763
```
#092763 rgb(9,39,99)
```
#0b2e75
```
#0b2e75 rgb(11,46,117)
```
#0c3587
```
#0c3587 rgb(12,53,135)
```
#0e3b99
```
#0e3b99 rgb(14,59,153)
```
#1042ab
```
#1042ab rgb(16,66,171)
```
#1149bd
```
#1149bd rgb(17,73,189)
```
#1350cf
```
#1350cf rgb(19,80,207)
```
#1557e1
```
#1557e1 rgb(21,87,225)
```

Shade Color Variation

#1f61ea
```
#1f61ea rgb(31,97,234)
```
#316eec
```
#316eec rgb(49,110,236)
```
#437bee
```
#437bee rgb(67,123,238)
```
#5587ef
```
#5587ef rgb(85,135,239)
```
#6794f1
```
#6794f1 rgb(103,148,241)
```
#79a1f3
```
#79a1f3 rgb(121,161,243)
```
#8badf4
```
#8badf4 rgb(139,173,244)
```
#9dbaf6
```
#9dbaf6 rgb(157,186,246)
```
#afc6f8
```
#afc6f8 rgb(175,198,248)
```
#c1d3f9
```
#c1d3f9 rgb(193,211,249)
```
#d3e0fb
```
#d3e0fb rgb(211,224,251)
```
#e5ecfd
```
#e5ecfd rgb(229,236,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c95 is the less saturated color, while #2068fd is the most saturated one.

#888c95
```
#888c95 rgb(136,140,149)
```
#7f899e
```
#7f899e rgb(127,137,158)
```
#7686a7
```
#7686a7 rgb(118,134,167)
```
#6e83af
```
#6e83af rgb(110,131,175)
```
#6580b8
```
#6580b8 rgb(101,128,184)
```
#5c7dc1
```
#5c7dc1 rgb(92,125,193)
```
#547ac9
```
#547ac9 rgb(84,122,201)
```
#4b77d2
```
#4b77d2 rgb(75,119,210)
```
#4274db
```
#4274db rgb(66,116,219)
```
#3a71e3
```
#3a71e3 rgb(58,113,227)
```
#316eec
```
#316eec rgb(49,110,236)
```
#286bf5
```
#286bf5 rgb(40,107,245)
```
#2068fd
```
#2068fd rgb(32,104,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5f6b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#1174ec Protanomaly 1% of men, 0.01% of women
#1178d9 Deuteranomaly 6% of men, 0.4% of women
#117eb1 Tritanomaly 0.01% of the population

#316eec hex color

#316eec Color Information

#316eec Color Conversion

Color Schemes with #316eec

Alternatives to #316eec

#316eec Preview

Shades and Tints of #316eec

Tones of #316eec

Color Blindness Simulator