#316ae0 hex color

In a RGB color space, hex #316ae0 is composed of 19.2% red, 41.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 52.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 220.5 degrees, a saturation of 73.8% and a lightness of 53.5%. #316ae0 color hex could be obtained by blending #62d4ff with #0000c1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 42
- B 88
RGB color chart
- C 78
- M 53
- Y 0
- K 12
CMYK color chart

● #316ae0 color description : Bright blue.

The hexadecimal color #316ae0 has RGB values of R:49, G:106, B:224 and CMYK values of C:0.78, M:0.53, Y:0, K:0.12. Its decimal value is 3238624.

Hex triplet	316ae0	`#316ae0`
RGB Decimal	49, 106, 224	`rgb(49,106,224)`
RGB Percent	19.2, 41.6, 87.8	`rgb(19.2%,41.6%,87.8%)`
CMYK	78, 53, 0, 12
HSL	220.5°, 73.8, 53.5	`hsl(220.5,73.8%,53.5%)`
HSV (or HSB)	220.5°, 78.1, 87.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.419, 23.402, -65.401
XYZ	19.872, 16.341, 72.624
xyY	0.183, 0.15, 16.341
CIE-LCH	47.419, 69.462, 289.689
CIE-LUV	47.419, -20.478, -100.946
Hunter-Lab	40.424, 17.006, -78.219
Binary	00110001, 01101010, 11100000

#316ae0
```
#316ae0 rgb(49,106,224)
```
#e0a731
```
#e0a731 rgb(224,167,49)
```

Complementary Color

#31c2e0
```
#31c2e0 rgb(49,194,224)
```
#316ae0
```
#316ae0 rgb(49,106,224)
```
#5031e0
```
#5031e0 rgb(80,49,224)
```

Analogous Color

#c2e031
```
#c2e031 rgb(194,224,49)
```
#316ae0
```
#316ae0 rgb(49,106,224)
```
#e05031
```
#e05031 rgb(224,80,49)
```

Split Complementary Color

#6ae031
```
#6ae031 rgb(106,224,49)
```
#316ae0
```
#316ae0 rgb(49,106,224)
```
#e0316a
```
#e0316a rgb(224,49,106)
```

Triadic Color

#31e0a7
```
#31e0a7 rgb(49,224,167)
```
#316ae0
```
#316ae0 rgb(49,106,224)
```
#e0316a
```
#e0316a rgb(224,49,106)
```
#e0a731
```
#e0a731 rgb(224,167,49)
```

Tetradic Color

#1a49ab
```
#1a49ab rgb(26,73,171)
```
#1d52c1
```
#1d52c1 rgb(29,82,193)
```
#205cd7
```
#205cd7 rgb(32,92,215)
```
#316ae0
```
#316ae0 rgb(49,106,224)
```
#477ae3
```
#477ae3 rgb(71,122,227)
```
#5d8ae7
```
#5d8ae7 rgb(93,138,231)
```
#739aea
```
#739aea rgb(115,154,234)
```

Monochromatic Color

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

#3196e0
```
#3196e0 rgb(49,150,224)
```
#3187e0
```
#3187e0 rgb(49,135,224)
```
#3179e0
```
#3179e0 rgb(49,121,224)
```
#316ae0
```
#316ae0 rgb(49,106,224)
```
#315be0
```
#315be0 rgb(49,91,224)
```
#314de0
```
#314de0 rgb(49,77,224)
```
#313ee0
```
#313ee0 rgb(49,62,224)
```

Similar Colors

Text with hexadecimal color #316ae0

This text has a font color of #316ae0.

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

#316ae0 background color

This paragraph has a background color of #316ae0.

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

#316ae0 border color

This element has a border color of #316ae0.

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

CSS codes

.text {color:#316ae0;}

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

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

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

#020710
```
#020710 rgb(2,7,16)
```
#050e21
```
#050e21 rgb(5,14,33)
```
#071532
```
#071532 rgb(7,21,50)
```
#0a1d43
```
#0a1d43 rgb(10,29,67)
```
#0d2454
```
#0d2454 rgb(13,36,84)
```
#0f2b65
```
#0f2b65 rgb(15,43,101)
```
#123276
```
#123276 rgb(18,50,118)
```
#143a87
```
#143a87 rgb(20,58,135)
```
#174198
```
#174198 rgb(23,65,152)
```
#1948a9
```
#1948a9 rgb(25,72,169)
```
#1c50ba
```
#1c50ba rgb(28,80,186)
```
#1f57cb
```
#1f57cb rgb(31,87,203)
```
#215edc
```
#215edc rgb(33,94,220)
```

Shade Color Variation

#316ae0
```
#316ae0 rgb(49,106,224)
```
#4276e3
```
#4276e3 rgb(66,118,227)
```
#5383e5
```
#5383e5 rgb(83,131,229)
```
#648fe8
```
#648fe8 rgb(100,143,232)
```
#759bea
```
#759bea rgb(117,155,234)
```
#86a8ed
```
#86a8ed rgb(134,168,237)
```
#97b4ef
```
#97b4ef rgb(151,180,239)
```
#a8c0f2
```
#a8c0f2 rgb(168,192,242)
```
#b9cdf5
```
#b9cdf5 rgb(185,205,245)
```
#cad9f7
```
#cad9f7 rgb(202,217,247)
```
#dbe5fa
```
#dbe5fa rgb(219,229,250)
```
#edf2fc
```
#edf2fc rgb(237,242,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83878e is the less saturated color, while #1660fb is the most saturated one.

#83878e
```
#83878e rgb(131,135,142)
```
#7a8397
```
#7a8397 rgb(122,131,151)
```
#7180a0
```
#7180a0 rgb(113,128,160)
```
#687da9
```
#687da9 rgb(104,125,169)
```
#5f7ab2
```
#5f7ab2 rgb(95,122,178)
```
#5577bc
```
#5577bc rgb(85,119,188)
```
#4c74c5
```
#4c74c5 rgb(76,116,197)
```
#4370ce
```
#4370ce rgb(67,112,206)
```
#3a6dd7
```
#3a6dd7 rgb(58,109,215)
```
#316ae0
```
#316ae0 rgb(49,106,224)
```
#2867e9
```
#2867e9 rgb(40,103,233)
```
#1f64f2
```
#1f64f2 rgb(31,100,242)
```
#1660fb
```
#1660fb rgb(22,96,251)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5b677e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c74e3 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#1970e2 Protanomaly 1% of men, 0.01% of women
#1174d0 Deuteranomaly 6% of men, 0.4% of women
#117aaa Tritanomaly 0.01% of the population

#316ae0 hex color

#316ae0 Color Information

#316ae0 Color Conversion

Color Schemes with #316ae0

Alternatives to #316ae0

#316ae0 Preview

Shades and Tints of #316ae0

Tones of #316ae0

Color Blindness Simulator