#316eeb hex color

In a RGB color space, hex #316eeb is composed of 19.2% red, 43.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 53.2% magenta, 0% yellow and 7.8% black. It has a hue angle of 220.3 degrees, a saturation of 82.3% and a lightness of 55.7%. #316eeb color hex could be obtained by blending #62dcff with #0000d7. Closest websafe color is: #3366ff.

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

● #316eeb color description : Bright blue.

The hexadecimal color #316eeb has RGB values of R:49, G:110, B:235 and CMYK values of C:0.79, M:0.53, Y:0, K:0.08. Its decimal value is 3239659.

Hex triplet	316eeb	`#316eeb`
RGB Decimal	49, 110, 235	`rgb(49,110,235)`
RGB Percent	19.2, 43.1, 92.2	`rgb(19.2%,43.1%,92.2%)`
CMYK	79, 53, 0, 8
HSL	220.3°, 82.3, 55.7	`hsl(220.3,82.3%,55.7%)`
HSV (or HSB)	220.3°, 79.1, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.254, 24.956, -68.621
XYZ	21.835, 17.801, 80.878
xyY	0.181, 0.148, 17.801
CIE-LCH	49.254, 73.018, 289.985
CIE-LUV	49.254, -21.457, -106.865
Hunter-Lab	42.192, 18.541, -84.12
Binary	00110001, 01101110, 11101011

#316eeb
```
#316eeb rgb(49,110,235)
```
#ebae31
```
#ebae31 rgb(235,174,49)
```

Complementary Color

#31cbeb
```
#31cbeb rgb(49,203,235)
```
#316eeb
```
#316eeb rgb(49,110,235)
```
#5131eb
```
#5131eb rgb(81,49,235)
```

Analogous Color

#cbeb31
```
#cbeb31 rgb(203,235,49)
```
#316eeb
```
#316eeb rgb(49,110,235)
```
#eb5131
```
#eb5131 rgb(235,81,49)
```

Split Complementary Color

#6eeb31
```
#6eeb31 rgb(110,235,49)
```
#316eeb
```
#316eeb rgb(49,110,235)
```
#eb316e
```
#eb316e rgb(235,49,110)
```

Triadic Color

#31ebae
```
#31ebae rgb(49,235,174)
```
#316eeb
```
#316eeb rgb(49,110,235)
```
#eb316e
```
#eb316e rgb(235,49,110)
```
#ebae31
```
#ebae31 rgb(235,174,49)
```

Tetradic Color

#124abd
```
#124abd rgb(18,74,189)
```
#1554d4
```
#1554d4 rgb(21,84,212)
```
#1a5ee9
```
#1a5ee9 rgb(26,94,233)
```
#316eeb
```
#316eeb rgb(49,110,235)
```
#487eed
```
#487eed rgb(72,126,237)
```
#5f8ff0
```
#5f8ff0 rgb(95,143,240)
```
#779ff2
```
#779ff2 rgb(119,159,242)
```

Monochromatic Color

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

#319deb
```
#319deb rgb(49,157,235)
```
#318deb
```
#318deb rgb(49,141,235)
```
#317eeb
```
#317eeb rgb(49,126,235)
```
#316eeb
```
#316eeb rgb(49,110,235)
```
#315feb
```
#315feb rgb(49,95,235)
```
#314feb
```
#314feb rgb(49,79,235)
```
#3140eb
```
#3140eb rgb(49,64,235)
```

Similar Colors

Text with hexadecimal color #316eeb

This text has a font color of #316eeb.

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

#316eeb background color

This paragraph has a background color of #316eeb.

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

#316eeb border color

This element has a border color of #316eeb.

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

CSS codes

.text {color:#316eeb;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#030a1a
```
#030a1a rgb(3,10,26)
```
#04112c
```
#04112c rgb(4,17,44)
```
#06183e
```
#06183e rgb(6,24,62)
```
#081f50
```
#081f50 rgb(8,31,80)
```
#0a2762
```
#0a2762 rgb(10,39,98)
```
#0b2e74
```
#0b2e74 rgb(11,46,116)
```
#0d3586
```
#0d3586 rgb(13,53,134)
```
#0f3c98
```
#0f3c98 rgb(15,60,152)
```
#1043a9
```
#1043a9 rgb(16,67,169)
```
#124abb
```
#124abb rgb(18,74,187)
```
#1451cd
```
#1451cd rgb(20,81,205)
```
#1658df
```
#1658df rgb(22,88,223)
```

Shade Color Variation

#1f61e9
```
#1f61e9 rgb(31,97,233)
```
#316eeb
```
#316eeb rgb(49,110,235)
```
#437bed
```
#437bed rgb(67,123,237)
```
#5587ee
```
#5587ee rgb(85,135,238)
```
#6794f0
```
#6794f0 rgb(103,148,240)
```
#79a0f2
```
#79a0f2 rgb(121,160,242)
```
#8aadf4
```
#8aadf4 rgb(138,173,244)
```
#9cbaf5
```
#9cbaf5 rgb(156,186,245)
```
#aec6f7
```
#aec6f7 rgb(174,198,247)
```
#c0d3f9
```
#c0d3f9 rgb(192,211,249)
```
#d2dffb
```
#d2dffb rgb(210,223,251)
```
#e4ecfc
```
#e4ecfc rgb(228,236,252)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#888c94
```
#888c94 rgb(136,140,148)
```
#7f899d
```
#7f899d rgb(127,137,157)
```
#7786a5
```
#7786a5 rgb(119,134,165)
```
#6e83ae
```
#6e83ae rgb(110,131,174)
```
#6580b7
```
#6580b7 rgb(101,128,183)
```
#5c7dc0
```
#5c7dc0 rgb(92,125,192)
```
#547ac8
```
#547ac8 rgb(84,122,200)
```
#4b77d1
```
#4b77d1 rgb(75,119,209)
```
#4274da
```
#4274da rgb(66,116,218)
```
#3a71e2
```
#3a71e2 rgb(58,113,226)
```
#316eeb
```
#316eeb rgb(49,110,235)
```
#286bf4
```
#286bf4 rgb(40,107,244)
```
#2068fc
```
#2068fc rgb(32,104,252)
```

Tone Color Variation

Below, you can see how #316eeb 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
#007ecf Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

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

#316eeb hex color

#316eeb Color Information

#316eeb Color Conversion

Color Schemes with #316eeb

Alternatives to #316eeb

#316eeb Preview

Shades and Tints of #316eeb

Tones of #316eeb

Color Blindness Simulator