#316afa hex color

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

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

● #316afa color description : Bright blue.

The hexadecimal color #316afa has RGB values of R:49, G:106, B:250 and CMYK values of C:0.8, M:0.58, Y:0, K:0.02. Its decimal value is 3238650.

Hex triplet	316afa	`#316afa`
RGB Decimal	49, 106, 250	`rgb(49,106,250)`
RGB Percent	19.2, 41.6, 98	`rgb(19.2%,41.6%,98%)`
CMYK	80, 58, 0, 2
HSL	223°, 95.3, 58.6	`hsl(223,95.3%,58.6%)`
HSV (or HSB)	223°, 80.4, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.328, 33, -76.879
XYZ	23.672, 17.861, 92.637
xyY	0.176, 0.133, 17.861
CIE-LCH	49.328, 83.663, 293.231
CIE-LUV	49.328, -20.247, -119.318
Hunter-Lab	42.263, 26.022, -100.376
Binary	00110001, 01101010, 11111010

#316afa
```
#316afa rgb(49,106,250)
```
#fac131
```
#fac131 rgb(250,193,49)
```

Complementary Color

#31cffa
```
#31cffa rgb(49,207,250)
```
#316afa
```
#316afa rgb(49,106,250)
```
#5c31fa
```
#5c31fa rgb(92,49,250)
```

Analogous Color

#cffa31
```
#cffa31 rgb(207,250,49)
```
#316afa
```
#316afa rgb(49,106,250)
```
#fa5c31
```
#fa5c31 rgb(250,92,49)
```

Split Complementary Color

#6afa31
```
#6afa31 rgb(106,250,49)
```
#316afa
```
#316afa rgb(49,106,250)
```
#fa316a
```
#fa316a rgb(250,49,106)
```

Triadic Color

#31fac1
```
#31fac1 rgb(49,250,193)
```
#316afa
```
#316afa rgb(49,106,250)
```
#fa316a
```
#fa316a rgb(250,49,106)
```
#fac131
```
#fac131 rgb(250,193,49)
```

Tetradic Color

#0541d9
```
#0541d9 rgb(5,65,217)
```
#0649f2
```
#0649f2 rgb(6,73,242)
```
#1858f9
```
#1858f9 rgb(24,88,249)
```
#316afa
```
#316afa rgb(49,106,250)
```
#4a7cfb
```
#4a7cfb rgb(74,124,251)
```
#638efb
```
#638efb rgb(99,142,251)
```
#7ca0fc
```
#7ca0fc rgb(124,160,252)
```

Monochromatic Color

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

#319cfa
```
#319cfa rgb(49,156,250)
```
#318cfa
```
#318cfa rgb(49,140,250)
```
#317bfa
```
#317bfa rgb(49,123,250)
```
#316afa
```
#316afa rgb(49,106,250)
```
#3159fa
```
#3159fa rgb(49,89,250)
```
#3149fa
```
#3149fa rgb(49,73,250)
```
#3138fa
```
#3138fa rgb(49,56,250)
```

Similar Colors

Text with hexadecimal color #316afa

This text has a font color of #316afa.

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

#316afa background color

This paragraph has a background color of #316afa.

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

#316afa border color

This element has a border color of #316afa.

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

CSS codes

.text {color:#316afa;}

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

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

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)
```
#021851
```
#021851 rgb(2,24,81)
```
#021e64
```
#021e64 rgb(2,30,100)
```
#032478
```
#032478 rgb(3,36,120)
```
#032a8b
```
#032a8b rgb(3,42,139)
```
#04309e
```
#04309e rgb(4,48,158)
```
#0435b1
```
#0435b1 rgb(4,53,177)
```
#053bc4
```
#053bc4 rgb(5,59,196)
```
#0541d7
```
#0541d7 rgb(5,65,215)
```
#0647ea
```
#0647ea rgb(6,71,234)
```

Shade Color Variation

#0b4ef9
```
#0b4ef9 rgb(11,78,249)
```
#1e5cfa
```
#1e5cfa rgb(30,92,250)
```
#316afa
```
#316afa rgb(49,106,250)
```
#4478fa
```
#4478fa rgb(68,120,250)
```
#5786fb
```
#5786fb rgb(87,134,251)
```
#6a94fb
```
#6a94fb rgb(106,148,251)
```
#7ea1fc
```
#7ea1fc rgb(126,161,252)
```
#91affc
```
#91affc rgb(145,175,252)
```
#a4bdfd
```
#a4bdfd rgb(164,189,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 #316afa 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)
```
#627fc9
```
#627fc9 rgb(98,127,201)
```
#5a7cd1
```
#5a7cd1 rgb(90,124,209)
```
#5178da
```
#5178da rgb(81,120,218)
```
#4975e2
```
#4975e2 rgb(73,117,226)
```
#4171ea
```
#4171ea rgb(65,113,234)
```
#396ef2
```
#396ef2 rgb(57,110,242)
```
#316afa
```
#316afa rgb(49,106,250)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5e6986 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#007fce Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#1173f1 Protanomaly 1% of men, 0.01% of women
#1177de Deuteranomaly 6% of men, 0.4% of women
#117db6 Tritanomaly 0.01% of the population

#316afa hex color

#316afa Color Information

#316afa Color Conversion

Color Schemes with #316afa

Alternatives to #316afa

#316afa Preview

Shades and Tints of #316afa

Tones of #316afa

Color Blindness Simulator