#316bfe hex color

In a RGB color space, hex #316bfe is composed of 19.2% red, 42% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 57.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 223 degrees, a saturation of 99% and a lightness of 59.4%. #316bfe color hex could be obtained by blending #62d6ff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 42
- B 100
RGB color chart
- C 81
- M 58
- Y 0
- K 0
CMYK color chart

● #316bfe color description : Bright blue.

The hexadecimal color #316bfe has RGB values of R:49, G:107, B:254 and CMYK values of C:0.81, M:0.58, Y:0, K:0. Its decimal value is 3238910.

Hex triplet	316bfe	`#316bfe`
RGB Decimal	49, 107, 254	`rgb(49,107,254)`
RGB Percent	19.2, 42, 99.6	`rgb(19.2%,42%,99.6%)`
CMYK	81, 58, 0, 0
HSL	223°, 99, 59.4	`hsl(223,99%,59.4%)`
HSV (or HSB)	223°, 80.7, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.885, 33.833, -78.192
XYZ	24.41, 18.322, 96.011
xyY	0.176, 0.132, 18.322
CIE-LCH	49.885, 85.197, 293.398
CIE-LUV	49.885, -20.48, -121.625
Hunter-Lab	42.804, 26.884, -103.024
Binary	00110001, 01101011, 11111110

#316bfe
```
#316bfe rgb(49,107,254)
```
#fec431
```
#fec431 rgb(254,196,49)
```

Complementary Color

#31d2fe
```
#31d2fe rgb(49,210,254)
```
#316bfe
```
#316bfe rgb(49,107,254)
```
#5e31fe
```
#5e31fe rgb(94,49,254)
```

Analogous Color

#d2fe31
```
#d2fe31 rgb(210,254,49)
```
#316bfe
```
#316bfe rgb(49,107,254)
```
#fe5e31
```
#fe5e31 rgb(254,94,49)
```

Split Complementary Color

#6bfe31
```
#6bfe31 rgb(107,254,49)
```
#316bfe
```
#316bfe rgb(49,107,254)
```
#fe316b
```
#fe316b rgb(254,49,107)
```

Triadic Color

#31fec4
```
#31fec4 rgb(49,254,196)
```
#316bfe
```
#316bfe rgb(49,107,254)
```
#fe316b
```
#fe316b rgb(254,49,107)
```
#fec431
```
#fec431 rgb(254,196,49)
```

Tetradic Color

#0141e1
```
#0141e1 rgb(1,65,225)
```
#0148fb
```
#0148fb rgb(1,72,251)
```
#1859fe
```
#1859fe rgb(24,89,254)
```
#316bfe
```
#316bfe rgb(49,107,254)
```
#4a7dfe
```
#4a7dfe rgb(74,125,254)
```
#648ffe
```
#648ffe rgb(100,143,254)
```
#7da2fe
```
#7da2fe rgb(125,162,254)
```

Monochromatic Color

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

#319efe
```
#319efe rgb(49,158,254)
```
#318dfe
```
#318dfe rgb(49,141,254)
```
#317cfe
```
#317cfe rgb(49,124,254)
```
#316bfe
```
#316bfe rgb(49,107,254)
```
#315afe
```
#315afe rgb(49,90,254)
```
#3149fe
```
#3149fe rgb(49,73,254)
```
#3138fe
```
#3138fe rgb(49,56,254)
```

Similar Colors

Text with hexadecimal color #316bfe

This text has a font color of #316bfe.

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

#316bfe background color

This paragraph has a background color of #316bfe.

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

#316bfe border color

This element has a border color of #316bfe.

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

CSS codes

.text {color:#316bfe;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#00081c
```
#00081c rgb(0,8,28)
```
#000e30
```
#000e30 rgb(0,14,48)
```
#001343
```
#001343 rgb(0,19,67)
```
#001957
```
#001957 rgb(0,25,87)
```
#011e6a
```
#011e6a rgb(1,30,106)
```
#01247e
```
#01247e rgb(1,36,126)
```
#012a91
```
#012a91 rgb(1,42,145)
```
#012fa5
```
#012fa5 rgb(1,47,165)
```
#0135b8
```
#0135b8 rgb(1,53,184)
```
#013acc
```
#013acc rgb(1,58,204)
```
#0140df
```
#0140df rgb(1,64,223)
```
#0146f3
```
#0146f3 rgb(1,70,243)
```

Shade Color Variation

#0a4ffe
```
#0a4ffe rgb(10,79,254)
```
#1d5dfe
```
#1d5dfe rgb(29,93,254)
```
#316bfe
```
#316bfe rgb(49,107,254)
```
#4579fe
```
#4579fe rgb(69,121,254)
```
#5887fe
```
#5887fe rgb(88,135,254)
```
#6c95fe
```
#6c95fe rgb(108,149,254)
```
#7fa3fe
```
#7fa3fe rgb(127,163,254)
```
#93b1fe
```
#93b1fe rgb(147,177,254)
```
#a6bfff
```
#a6bfff rgb(166,191,255)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#cddbff
```
#cddbff rgb(205,219,255)
```
#e1e9ff
```
#e1e9ff rgb(225,233,255)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#91949e
```
#91949e rgb(145,148,158)
```
#8991a6
```
#8991a6 rgb(137,145,166)
```
#818eae
```
#818eae rgb(129,142,174)
```
#798ab6
```
#798ab6 rgb(121,138,182)
```
#7187be
```
#7187be rgb(113,135,190)
```
#6983c6
```
#6983c6 rgb(105,131,198)
```
#6180ce
```
#6180ce rgb(97,128,206)
```
#597cd6
```
#597cd6 rgb(89,124,214)
```
#5179de
```
#5179de rgb(81,121,222)
```
#4975e6
```
#4975e6 rgb(73,117,230)
```
#4172ee
```
#4172ee rgb(65,114,238)
```
#396ef6
```
#396ef6 rgb(57,110,246)
```
#316bfe
```
#316bfe rgb(49,107,254)
```

Tone Color Variation

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

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008a91 Tritanopia 0.001% of the population

Trichromacy

#1174f4 Protanomaly 1% of men, 0.01% of women
#1178e0 Deuteranomaly 6% of men, 0.4% of women
#117eb9 Tritanomaly 0.01% of the population

#316bfe hex color

#316bfe Color Information

#316bfe Color Conversion

Color Schemes with #316bfe

Alternatives to #316bfe

#316bfe Preview

Shades and Tints of #316bfe

Tones of #316bfe

Color Blindness Simulator