#316aec hex color

In a RGB color space, hex #316aec is composed of 19.2% red, 41.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 55.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 221.7 degrees, a saturation of 83.1% and a lightness of 55.9%. #316aec color hex could be obtained by blending #62d4ff with #0000d9. 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

● #316aec color description : Bright blue.

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

Hex triplet	316aec	`#316aec`
RGB Decimal	49, 106, 236	`rgb(49,106,236)`
RGB Percent	19.2, 41.6, 92.5	`rgb(19.2%,41.6%,92.5%)`
CMYK	79, 55, 0, 7
HSL	221.7°, 83.1, 55.9	`hsl(221.7,83.1%,55.9%)`
HSV (or HSB)	221.7°, 79.2, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.28, 27.857, -70.765
XYZ	21.558, 17.016, 81.5
xyY	0.18, 0.142, 17.016
CIE-LCH	48.28, 76.051, 291.487
CIE-LUV	48.28, -20.349, -109.564
Hunter-Lab	41.25, 21.099, -88.269
Binary	00110001, 01101010, 11101100

#316aec
```
#316aec rgb(49,106,236)
```
#ecb331
```
#ecb331 rgb(236,179,49)
```

Complementary Color

#31c8ec
```
#31c8ec rgb(49,200,236)
```
#316aec
```
#316aec rgb(49,106,236)
```
#5631ec
```
#5631ec rgb(86,49,236)
```

Analogous Color

#c8ec31
```
#c8ec31 rgb(200,236,49)
```
#316aec
```
#316aec rgb(49,106,236)
```
#ec5631
```
#ec5631 rgb(236,86,49)
```

Split Complementary Color

#6aec31
```
#6aec31 rgb(106,236,49)
```
#316aec
```
#316aec rgb(49,106,236)
```
#ec316a
```
#ec316a rgb(236,49,106)
```

Triadic Color

#31ecb3
```
#31ecb3 rgb(49,236,179)
```
#316aec
```
#316aec rgb(49,106,236)
```
#ec316a
```
#ec316a rgb(236,49,106)
```
#ecb331
```
#ecb331 rgb(236,179,49)
```

Tetradic Color

#1246bf
```
#1246bf rgb(18,70,191)
```
#144fd6
```
#144fd6 rgb(20,79,214)
```
#1a59ea
```
#1a59ea rgb(26,89,234)
```
#316aec
```
#316aec rgb(49,106,236)
```
#487bee
```
#487bee rgb(72,123,238)
```
#608cf0
```
#608cf0 rgb(96,140,240)
```
#779df2
```
#779df2 rgb(119,157,242)
```

Monochromatic Color

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

#3199ec
```
#3199ec rgb(49,153,236)
```
#3189ec
```
#3189ec rgb(49,137,236)
```
#317aec
```
#317aec rgb(49,122,236)
```
#316aec
```
#316aec rgb(49,106,236)
```
#315aec
```
#315aec rgb(49,90,236)
```
#314bec
```
#314bec rgb(49,75,236)
```
#313bec
```
#313bec rgb(49,59,236)
```

Similar Colors

Text with hexadecimal color #316aec

This text has a font color of #316aec.

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

#316aec background color

This paragraph has a background color of #316aec.

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

#316aec border color

This element has a border color of #316aec.

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

CSS codes

.text {color:#316aec;}

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

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

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)
```
#030a1b
```
#030a1b rgb(3,10,27)
```
#04112d
```
#04112d rgb(4,17,45)
```
#06173f
```
#06173f rgb(6,23,63)
```
#081e51
```
#081e51 rgb(8,30,81)
```
#092563
```
#092563 rgb(9,37,99)
```
#0b2b75
```
#0b2b75 rgb(11,43,117)
```
#0c3287
```
#0c3287 rgb(12,50,135)
```
#0e3999
```
#0e3999 rgb(14,57,153)
```
#103fab
```
#103fab rgb(16,63,171)
```
#1146bd
```
#1146bd rgb(17,70,189)
```
#134ccf
```
#134ccf rgb(19,76,207)
```
#1553e1
```
#1553e1 rgb(21,83,225)
```

Shade Color Variation

#1f5dea
```
#1f5dea rgb(31,93,234)
```
#316aec
```
#316aec rgb(49,106,236)
```
#4377ee
```
#4377ee rgb(67,119,238)
```
#5584ef
```
#5584ef rgb(85,132,239)
```
#6791f1
```
#6791f1 rgb(103,145,241)
```
#799ef3
```
#799ef3 rgb(121,158,243)
```
#8babf4
```
#8babf4 rgb(139,171,244)
```
#9db8f6
```
#9db8f6 rgb(157,184,246)
```
#afc5f8
```
#afc5f8 rgb(175,197,248)
```
#c1d2f9
```
#c1d2f9 rgb(193,210,249)
```
#d3dffb
```
#d3dffb rgb(211,223,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 #2063fd is the most saturated one.

#888c95
```
#888c95 rgb(136,140,149)
```
#7f889e
```
#7f889e rgb(127,136,158)
```
#7685a7
```
#7685a7 rgb(118,133,167)
```
#6e82af
```
#6e82af rgb(110,130,175)
```
#657eb8
```
#657eb8 rgb(101,126,184)
```
#5c7bc1
```
#5c7bc1 rgb(92,123,193)
```
#5478c9
```
#5478c9 rgb(84,120,201)
```
#4b74d2
```
#4b74d2 rgb(75,116,210)
```
#4271db
```
#4271db rgb(66,113,219)
```
#3a6de3
```
#3a6de3 rgb(58,109,227)
```
#316aec
```
#316aec rgb(49,106,236)
```
#2867f5
```
#2867f5 rgb(40,103,245)
```
#2063fd
```
#2063fd rgb(32,99,253)
```

Tone Color Variation

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

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

Trichromacy

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

#316aec hex color

#316aec Color Information

#316aec Color Conversion

Color Schemes with #316aec

Alternatives to #316aec

#316aec Preview

Shades and Tints of #316aec

Tones of #316aec

Color Blindness Simulator