#316aee hex color

In a RGB color space, hex #316aee is composed of 19.2% red, 41.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 55.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 221.9 degrees, a saturation of 84.8% and a lightness of 56.3%. #316aee color hex could be obtained by blending #62d4ff with #0000dd. Closest websafe color is: #3366ff.

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

● #316aee color description : Bright blue.

The hexadecimal color #316aee has RGB values of R:49, G:106, B:238 and CMYK values of C:0.79, M:0.55, Y:0, K:0.07. Its decimal value is 3238638.

Hex triplet	316aee	`#316aee`
RGB Decimal	49, 106, 238	`rgb(49,106,238)`
RGB Percent	19.2, 41.6, 93.3	`rgb(19.2%,41.6%,93.3%)`
CMYK	79, 55, 0, 7
HSL	221.9°, 84.8, 56.3	`hsl(221.9,84.8%,56.3%)`
HSV (or HSB)	221.9°, 79.4, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.426, 28.595, -71.648
XYZ	21.85, 17.132, 83.04
xyY	0.179, 0.14, 17.132
CIE-LCH	48.426, 77.143, 291.757
CIE-LUV	48.426, -20.332, -110.977
Hunter-Lab	41.391, 21.793, -89.974
Binary	00110001, 01101010, 11101110

#316aee
```
#316aee rgb(49,106,238)
```
#eeb531
```
#eeb531 rgb(238,181,49)
```

Complementary Color

#31c9ee
```
#31c9ee rgb(49,201,238)
```
#316aee
```
#316aee rgb(49,106,238)
```
#5731ee
```
#5731ee rgb(87,49,238)
```

Analogous Color

#c9ee31
```
#c9ee31 rgb(201,238,49)
```
#316aee
```
#316aee rgb(49,106,238)
```
#ee5731
```
#ee5731 rgb(238,87,49)
```

Split Complementary Color

#6aee31
```
#6aee31 rgb(106,238,49)
```
#316aee
```
#316aee rgb(49,106,238)
```
#ee316a
```
#ee316a rgb(238,49,106)
```

Triadic Color

#31eeb5
```
#31eeb5 rgb(49,238,181)
```
#316aee
```
#316aee rgb(49,106,238)
```
#ee316a
```
#ee316a rgb(238,49,106)
```
#eeb531
```
#eeb531 rgb(238,181,49)
```

Tetradic Color

#1046c2
```
#1046c2 rgb(16,70,194)
```
#124eda
```
#124eda rgb(18,78,218)
```
#1959ec
```
#1959ec rgb(25,89,236)
```
#316aee
```
#316aee rgb(49,106,238)
```
#497bf0
```
#497bf0 rgb(73,123,240)
```
#608cf2
```
#608cf2 rgb(96,140,242)
```
#789df4
```
#789df4 rgb(120,157,244)
```

Monochromatic Color

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

#3199ee
```
#3199ee rgb(49,153,238)
```
#318aee
```
#318aee rgb(49,138,238)
```
#317aee
```
#317aee rgb(49,122,238)
```
#316aee
```
#316aee rgb(49,106,238)
```
#315aee
```
#315aee rgb(49,90,238)
```
#314bee
```
#314bee rgb(49,75,238)
```
#313bee
```
#313bee rgb(49,59,238)
```

Similar Colors

Text with hexadecimal color #316aee

This text has a font color of #316aee.

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

#316aee background color

This paragraph has a background color of #316aee.

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

#316aee border color

This element has a border color of #316aee.

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

CSS codes

.text {color:#316aee;}

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

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

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

#01040b
```
#01040b rgb(1,4,11)
```
#020b1e
```
#020b1e rgb(2,11,30)
```
#041130
```
#041130 rgb(4,17,48)
```
#051842
```
#051842 rgb(5,24,66)
```
#071e54
```
#071e54 rgb(7,30,84)
```
#082566
```
#082566 rgb(8,37,102)
```
#0a2b78
```
#0a2b78 rgb(10,43,120)
```
#0b328a
```
#0b328a rgb(11,50,138)
```
#0d389c
```
#0d389c rgb(13,56,156)
```
#0e3faf
```
#0e3faf rgb(14,63,175)
```
#1045c1
```
#1045c1 rgb(16,69,193)
```
#114cd3
```
#114cd3 rgb(17,76,211)
```
#1352e5
```
#1352e5 rgb(19,82,229)
```

Shade Color Variation

#1f5ded
```
#1f5ded rgb(31,93,237)
```
#316aee
```
#316aee rgb(49,106,238)
```
#4377ef
```
#4377ef rgb(67,119,239)
```
#5584f1
```
#5584f1 rgb(85,132,241)
```
#6791f2
```
#6791f2 rgb(103,145,242)
```
#799ef4
```
#799ef4 rgb(121,158,244)
```
#8cacf5
```
#8cacf5 rgb(140,172,245)
```
#9eb9f7
```
#9eb9f7 rgb(158,185,247)
```
#b0c6f8
```
#b0c6f8 rgb(176,198,248)
```
#c2d3fa
```
#c2d3fa rgb(194,211,250)
```
#d4e0fb
```
#d4e0fb rgb(212,224,251)
```
#e6edfd
```
#e6edfd rgb(230,237,253)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#8f8f90
```
#8f8f90 rgb(143,143,144)
```
#878c98
```
#878c98 rgb(135,140,152)
```
#7e89a1
```
#7e89a1 rgb(126,137,161)
```
#7685a9
```
#7685a9 rgb(118,133,169)
```
#6d82b2
```
#6d82b2 rgb(109,130,178)
```
#647ebb
```
#647ebb rgb(100,126,187)
```
#5c7bc3
```
#5c7bc3 rgb(92,123,195)
```
#5378cc
```
#5378cc rgb(83,120,204)
```
#4b74d4
```
#4b74d4 rgb(75,116,212)
```
#4271dd
```
#4271dd rgb(66,113,221)
```
#3a6de5
```
#3a6de5 rgb(58,109,229)
```
#316aee
```
#316aee rgb(49,106,238)
```
#2867f7
```
#2867f7 rgb(40,103,247)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5d6883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1171ea Protanomaly 1% of men, 0.01% of women
#1176d7 Deuteranomaly 6% of men, 0.4% of women
#117cb0 Tritanomaly 0.01% of the population

#316aee hex color

#316aee Color Information

#316aee Color Conversion

Color Schemes with #316aee

Alternatives to #316aee

#316aee Preview

Shades and Tints of #316aee

Tones of #316aee

Color Blindness Simulator