#316aef hex color

In a RGB color space, hex #316aef is composed of 19.2% red, 41.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 55.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 222 degrees, a saturation of 85.6% and a lightness of 56.5%. #316aef color hex could be obtained by blending #62d4ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 42
- B 94
RGB color chart
- C 79
- M 56
- Y 0
- K 6
CMYK color chart

● #316aef color description : Bright blue.

The hexadecimal color #316aef has RGB values of R:49, G:106, B:239 and CMYK values of C:0.79, M:0.56, Y:0, K:0.06. Its decimal value is 3238639.

Hex triplet	316aef	`#316aef`
RGB Decimal	49, 106, 239	`rgb(49,106,239)`
RGB Percent	19.2, 41.6, 93.7	`rgb(19.2%,41.6%,93.7%)`
CMYK	79, 56, 0, 6
HSL	222°, 85.6, 56.5	`hsl(222,85.6%,56.5%)`
HSV (or HSB)	222°, 79.5, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.5, 28.964, -72.088
XYZ	21.997, 17.191, 83.816
xyY	0.179, 0.14, 17.191
CIE-LCH	48.5, 77.689, 291.89
CIE-LUV	48.5, -20.323, -111.681
Hunter-Lab	41.462, 22.141, -90.83
Binary	00110001, 01101010, 11101111

#316aef
```
#316aef rgb(49,106,239)
```
#efb631
```
#efb631 rgb(239,182,49)
```

Complementary Color

#31c9ef
```
#31c9ef rgb(49,201,239)
```
#316aef
```
#316aef rgb(49,106,239)
```
#5731ef
```
#5731ef rgb(87,49,239)
```

Analogous Color

#c9ef31
```
#c9ef31 rgb(201,239,49)
```
#316aef
```
#316aef rgb(49,106,239)
```
#ef5731
```
#ef5731 rgb(239,87,49)
```

Split Complementary Color

#6aef31
```
#6aef31 rgb(106,239,49)
```
#316aef
```
#316aef rgb(49,106,239)
```
#ef316a
```
#ef316a rgb(239,49,106)
```

Triadic Color

#31efb6
```
#31efb6 rgb(49,239,182)
```
#316aef
```
#316aef rgb(49,106,239)
```
#ef316a
```
#ef316a rgb(239,49,106)
```
#efb631
```
#efb631 rgb(239,182,49)
```

Tetradic Color

#0f46c4
```
#0f46c4 rgb(15,70,196)
```
#114edc
```
#114edc rgb(17,78,220)
```
#1959ed
```
#1959ed rgb(25,89,237)
```
#316aef
```
#316aef rgb(49,106,239)
```
#497bf1
```
#497bf1 rgb(73,123,241)
```
#608cf3
```
#608cf3 rgb(96,140,243)
```
#789df5
```
#789df5 rgb(120,157,245)
```

Monochromatic Color

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

#319aef
```
#319aef rgb(49,154,239)
```
#318aef
```
#318aef rgb(49,138,239)
```
#317aef
```
#317aef rgb(49,122,239)
```
#316aef
```
#316aef rgb(49,106,239)
```
#315aef
```
#315aef rgb(49,90,239)
```
#314aef
```
#314aef rgb(49,74,239)
```
#313bef
```
#313bef rgb(49,59,239)
```

Similar Colors

Text with hexadecimal color #316aef

This text has a font color of #316aef.

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

#316aef background color

This paragraph has a background color of #316aef.

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

#316aef border color

This element has a border color of #316aef.

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

CSS codes

.text {color:#316aef;}

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

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

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

#01040c
```
#01040c rgb(1,4,12)
```
#020b1f
```
#020b1f rgb(2,11,31)
```
#041131
```
#041131 rgb(4,17,49)
```
#051843
```
#051843 rgb(5,24,67)
```
#071e55
```
#071e55 rgb(7,30,85)
```
#082567
```
#082567 rgb(8,37,103)
```
#092b7a
```
#092b7a rgb(9,43,122)
```
#0b328c
```
#0b328c rgb(11,50,140)
```
#0c389e
```
#0c389e rgb(12,56,158)
```
#0e3eb0
```
#0e3eb0 rgb(14,62,176)
```
#0f45c2
```
#0f45c2 rgb(15,69,194)
```
#114bd5
```
#114bd5 rgb(17,75,213)
```
#1252e7
```
#1252e7 rgb(18,82,231)
```

Shade Color Variation

#1f5dee
```
#1f5dee rgb(31,93,238)
```
#316aef
```
#316aef rgb(49,106,239)
```
#4377f0
```
#4377f0 rgb(67,119,240)
```
#5584f2
```
#5584f2 rgb(85,132,242)
```
#6891f3
```
#6891f3 rgb(104,145,243)
```
#7a9ff5
```
#7a9ff5 rgb(122,159,245)
```
#8cacf6
```
#8cacf6 rgb(140,172,246)
```
#9eb9f7
```
#9eb9f7 rgb(158,185,247)
```
#b0c6f9
```
#b0c6f9 rgb(176,198,249)
```
#c3d3fa
```
#c3d3fa rgb(195,211,250)
```
#d5e0fc
```
#d5e0fc rgb(213,224,252)
```
#e7eefd
```
#e7eefd rgb(231,238,253)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#8f9091
```
#8f9091 rgb(143,144,145)
```
#868c9a
```
#868c9a rgb(134,140,154)
```
#7e89a2
```
#7e89a2 rgb(126,137,162)
```
#7585ab
```
#7585ab rgb(117,133,171)
```
#6d82b3
```
#6d82b3 rgb(109,130,179)
```
#647ebc
```
#647ebc rgb(100,126,188)
```
#5c7bc4
```
#5c7bc4 rgb(92,123,196)
```
#5378cd
```
#5378cd rgb(83,120,205)
```
#4b74d5
```
#4b74d5 rgb(75,116,213)
```
#4271de
```
#4271de rgb(66,113,222)
```
#3a6de6
```
#3a6de6 rgb(58,109,230)
```
#316aef
```
#316aef rgb(49,106,239)
```
#2867f8
```
#2867f8 rgb(40,103,248)
```

Tone Color Variation

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

#1172ea Protanomaly 1% of men, 0.01% of women
#1176d8 Deuteranomaly 6% of men, 0.4% of women
#117cb1 Tritanomaly 0.01% of the population

#316aef hex color

#316aef Color Information

#316aef Color Conversion

Color Schemes with #316aef

Alternatives to #316aef

#316aef Preview

Shades and Tints of #316aef

Tones of #316aef

Color Blindness Simulator