#316bfa hex color

In a RGB color space, hex #316bfa is composed of 19.2% red, 42% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 57.2% magenta, 0% yellow and 2% black. It has a hue angle of 222.7 degrees, a saturation of 95.3% and a lightness of 58.6%. #316bfa color hex could be obtained by blending #62d6ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 42
- B 98
RGB color chart
- C 80
- M 57
- Y 0
- K 2
CMYK color chart

● #316bfa color description : Bright blue.

The hexadecimal color #316bfa has RGB values of R:49, G:107, B:250 and CMYK values of C:0.8, M:0.57, Y:0, K:0.02. Its decimal value is 3238906.

Hex triplet	316bfa	`#316bfa`
RGB Decimal	49, 107, 250	`rgb(49,107,250)`
RGB Percent	19.2, 42, 98	`rgb(19.2%,42%,98%)`
CMYK	80, 57, 0, 2
HSL	222.7°, 95.3, 58.6	`hsl(222.7,95.3%,58.6%)`
HSV (or HSB)	222.7°, 80.4, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.579, 32.374, -76.469
XYZ	23.776, 18.069, 92.672
xyY	0.177, 0.134, 18.069
CIE-LCH	49.579, 83.039, 292.946
CIE-LUV	49.579, -20.504, -118.882
Hunter-Lab	42.507, 25.454, -99.505
Binary	00110001, 01101011, 11111010

#316bfa
```
#316bfa rgb(49,107,250)
```
#fac031
```
#fac031 rgb(250,192,49)
```

Complementary Color

#31d0fa
```
#31d0fa rgb(49,208,250)
```
#316bfa
```
#316bfa rgb(49,107,250)
```
#5b31fa
```
#5b31fa rgb(91,49,250)
```

Analogous Color

#d0fa31
```
#d0fa31 rgb(208,250,49)
```
#316bfa
```
#316bfa rgb(49,107,250)
```
#fa5b31
```
#fa5b31 rgb(250,91,49)
```

Split Complementary Color

#6bfa31
```
#6bfa31 rgb(107,250,49)
```
#316bfa
```
#316bfa rgb(49,107,250)
```
#fa316b
```
#fa316b rgb(250,49,107)
```

Triadic Color

#31fac0
```
#31fac0 rgb(49,250,192)
```
#316bfa
```
#316bfa rgb(49,107,250)
```
#fa316b
```
#fa316b rgb(250,49,107)
```
#fac031
```
#fac031 rgb(250,192,49)
```

Tetradic Color

#0542d9
```
#0542d9 rgb(5,66,217)
```
#064af2
```
#064af2 rgb(6,74,242)
```
#1859f9
```
#1859f9 rgb(24,89,249)
```
#316bfa
```
#316bfa rgb(49,107,250)
```
#4a7dfb
```
#4a7dfb rgb(74,125,251)
```
#638ffb
```
#638ffb rgb(99,143,251)
```
#7ca1fc
```
#7ca1fc rgb(124,161,252)
```

Monochromatic Color

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

#319dfa
```
#319dfa rgb(49,157,250)
```
#318dfa
```
#318dfa rgb(49,141,250)
```
#317cfa
```
#317cfa rgb(49,124,250)
```
#316bfa
```
#316bfa rgb(49,107,250)
```
#315afa
```
#315afa rgb(49,90,250)
```
#314afa
```
#314afa rgb(49,74,250)
```
#3139fa
```
#3139fa rgb(49,57,250)
```

Similar Colors

Text with hexadecimal color #316bfa

This text has a font color of #316bfa.

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

#316bfa background color

This paragraph has a background color of #316bfa.

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

#316bfa border color

This element has a border color of #316bfa.

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

CSS codes

.text {color:#316bfa;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#010718
```
#010718 rgb(1,7,24)
```
#010d2b
```
#010d2b rgb(1,13,43)
```
#02133e
```
#02133e rgb(2,19,62)
```
#021951
```
#021951 rgb(2,25,81)
```
#021f64
```
#021f64 rgb(2,31,100)
```
#032578
```
#032578 rgb(3,37,120)
```
#032a8b
```
#032a8b rgb(3,42,139)
```
#04309e
```
#04309e rgb(4,48,158)
```
#0436b1
```
#0436b1 rgb(4,54,177)
```
#053cc4
```
#053cc4 rgb(5,60,196)
```
#0542d7
```
#0542d7 rgb(5,66,215)
```
#0648ea
```
#0648ea rgb(6,72,234)
```

Shade Color Variation

#0b4ff9
```
#0b4ff9 rgb(11,79,249)
```
#1e5dfa
```
#1e5dfa rgb(30,93,250)
```
#316bfa
```
#316bfa rgb(49,107,250)
```
#4479fa
```
#4479fa rgb(68,121,250)
```
#5787fb
```
#5787fb rgb(87,135,251)
```
#6a94fb
```
#6a94fb rgb(106,148,251)
```
#7ea2fc
```
#7ea2fc rgb(126,162,252)
```
#91b0fc
```
#91b0fc rgb(145,176,252)
```
#a4befd
```
#a4befd rgb(164,190,253)
```
#b7cbfd
```
#b7cbfd rgb(183,203,253)
```
#cad9fe
```
#cad9fe rgb(202,217,254)
```
#dde7fe
```
#dde7fe rgb(221,231,254)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

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

#929499
```
#929499 rgb(146,148,153)
```
#8a91a1
```
#8a91a1 rgb(138,145,161)
```
#828da9
```
#828da9 rgb(130,141,169)
```
#7a8ab1
```
#7a8ab1 rgb(122,138,177)
```
#7286b9
```
#7286b9 rgb(114,134,185)
```
#6a83c1
```
#6a83c1 rgb(106,131,193)
```
#6280c9
```
#6280c9 rgb(98,128,201)
```
#5a7cd1
```
#5a7cd1 rgb(90,124,209)
```
#5179da
```
#5179da rgb(81,121,218)
```
#4975e2
```
#4975e2 rgb(73,117,226)
```
#4172ea
```
#4172ea rgb(65,114,234)
```
#396ef2
```
#396ef2 rgb(57,110,242)
```
#316bfa
```
#316bfa rgb(49,107,250)
```

Tone Color Variation

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

Dichromacy

#0079ed Protanopia 1% of men
#0080cf Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#1174f1 Protanomaly 1% of men, 0.01% of women
#1178de Deuteranomaly 6% of men, 0.4% of women
#117eb7 Tritanomaly 0.01% of the population

#316bfa hex color

#316bfa Color Information

#316bfa Color Conversion

Color Schemes with #316bfa

Alternatives to #316bfa

#316bfa Preview

Shades and Tints of #316bfa

Tones of #316bfa

Color Blindness Simulator