#316aeb hex color

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

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

● #316aeb color description : Bright blue.

The hexadecimal color #316aeb has RGB values of R:49, G:106, B:235 and CMYK values of C:0.79, M:0.55, Y:0, K:0.08. Its decimal value is 3238635.

Hex triplet	316aeb	`#316aeb`
RGB Decimal	49, 106, 235	`rgb(49,106,235)`
RGB Percent	19.2, 41.6, 92.2	`rgb(19.2%,41.6%,92.2%)`
CMYK	79, 55, 0, 8
HSL	221.6°, 82.3, 55.7	`hsl(221.6,82.3%,55.7%)`
HSV (or HSB)	221.6°, 79.1, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.207, 27.487, -70.323
XYZ	21.413, 16.958, 80.737
xyY	0.18, 0.142, 16.958
CIE-LCH	48.207, 75.504, 291.349
CIE-LUV	48.207, -20.358, -108.855
Hunter-Lab	41.18, 20.753, -87.419
Binary	00110001, 01101010, 11101011

#316aeb
```
#316aeb rgb(49,106,235)
```
#ebb231
```
#ebb231 rgb(235,178,49)
```

Complementary Color

#31c7eb
```
#31c7eb rgb(49,199,235)
```
#316aeb
```
#316aeb rgb(49,106,235)
```
#5531eb
```
#5531eb rgb(85,49,235)
```

Analogous Color

#c7eb31
```
#c7eb31 rgb(199,235,49)
```
#316aeb
```
#316aeb rgb(49,106,235)
```
#eb5531
```
#eb5531 rgb(235,85,49)
```

Split Complementary Color

#6aeb31
```
#6aeb31 rgb(106,235,49)
```
#316aeb
```
#316aeb rgb(49,106,235)
```
#eb316a
```
#eb316a rgb(235,49,106)
```

Triadic Color

#31ebb2
```
#31ebb2 rgb(49,235,178)
```
#316aeb
```
#316aeb rgb(49,106,235)
```
#eb316a
```
#eb316a rgb(235,49,106)
```
#ebb231
```
#ebb231 rgb(235,178,49)
```

Tetradic Color

#1247bd
```
#1247bd rgb(18,71,189)
```
#154fd4
```
#154fd4 rgb(21,79,212)
```
#1a59e9
```
#1a59e9 rgb(26,89,233)
```
#316aeb
```
#316aeb rgb(49,106,235)
```
#487bed
```
#487bed rgb(72,123,237)
```
#5f8cf0
```
#5f8cf0 rgb(95,140,240)
```
#779cf2
```
#779cf2 rgb(119,156,242)
```

Monochromatic Color

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

#3199eb
```
#3199eb rgb(49,153,235)
```
#3189eb
```
#3189eb rgb(49,137,235)
```
#317aeb
```
#317aeb rgb(49,122,235)
```
#316aeb
```
#316aeb rgb(49,106,235)
```
#315beb
```
#315beb rgb(49,91,235)
```
#314beb
```
#314beb rgb(49,75,235)
```
#313ceb
```
#313ceb rgb(49,60,235)
```

Similar Colors

Text with hexadecimal color #316aeb

This text has a font color of #316aeb.

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

#316aeb background color

This paragraph has a background color of #316aeb.

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

#316aeb border color

This element has a border color of #316aeb.

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

CSS codes

.text {color:#316aeb;}

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

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

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)
```
#06173e
```
#06173e rgb(6,23,62)
```
#081e50
```
#081e50 rgb(8,30,80)
```
#0a2562
```
#0a2562 rgb(10,37,98)
```
#0b2b74
```
#0b2b74 rgb(11,43,116)
```
#0d3286
```
#0d3286 rgb(13,50,134)
```
#0f3998
```
#0f3998 rgb(15,57,152)
```
#103fa9
```
#103fa9 rgb(16,63,169)
```
#1246bb
```
#1246bb rgb(18,70,187)
```
#144dcd
```
#144dcd rgb(20,77,205)
```
#1653df
```
#1653df rgb(22,83,223)
```

Shade Color Variation

#1f5de9
```
#1f5de9 rgb(31,93,233)
```
#316aeb
```
#316aeb rgb(49,106,235)
```
#4377ed
```
#4377ed rgb(67,119,237)
```
#5584ee
```
#5584ee rgb(85,132,238)
```
#6791f0
```
#6791f0 rgb(103,145,240)
```
#799ef2
```
#799ef2 rgb(121,158,242)
```
#8aabf4
```
#8aabf4 rgb(138,171,244)
```
#9cb8f5
```
#9cb8f5 rgb(156,184,245)
```
#aec5f7
```
#aec5f7 rgb(174,197,247)
```
#c0d1f9
```
#c0d1f9 rgb(192,209,249)
```
#d2defb
```
#d2defb rgb(210,222,251)
```
#e4ebfc
```
#e4ebfc rgb(228,235,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 #2063fc is the most saturated one.

#888c94
```
#888c94 rgb(136,140,148)
```
#7f889d
```
#7f889d rgb(127,136,157)
```
#7785a5
```
#7785a5 rgb(119,133,165)
```
#6e82ae
```
#6e82ae rgb(110,130,174)
```
#657eb7
```
#657eb7 rgb(101,126,183)
```
#5c7bc0
```
#5c7bc0 rgb(92,123,192)
```
#5477c8
```
#5477c8 rgb(84,119,200)
```
#4b74d1
```
#4b74d1 rgb(75,116,209)
```
#4271da
```
#4271da rgb(66,113,218)
```
#3a6de2
```
#3a6de2 rgb(58,109,226)
```
#316aeb
```
#316aeb rgb(49,106,235)
```
#2867f4
```
#2867f4 rgb(40,103,244)
```
#2063fc
```
#2063fc rgb(32,99,252)
```

Tone Color Variation

Below, you can see how #316aeb 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
#5d6882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e7 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#1171e8 Protanomaly 1% of men, 0.01% of women
#1175d6 Deuteranomaly 6% of men, 0.4% of women
#117baf Tritanomaly 0.01% of the population

#316aeb hex color

#316aeb Color Information

#316aeb Color Conversion

Color Schemes with #316aeb

Alternatives to #316aeb

#316aeb Preview

Shades and Tints of #316aeb

Tones of #316aeb

Color Blindness Simulator