#315afd hex color

In a RGB color space, hex #315afd is composed of 19.2% red, 35.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 64.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 227.9 degrees, a saturation of 98.1% and a lightness of 59.2%. #315afd color hex could be obtained by blending #62b4ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 35
- B 99
RGB color chart
- C 81
- M 64
- Y 0
- K 1
CMYK color chart

● #315afd color description : Bright blue.

The hexadecimal color #315afd has RGB values of R:49, G:90, B:253 and CMYK values of C:0.81, M:0.64, Y:0, K:0.01. Its decimal value is 3234557.

Hex triplet	315afd	`#315afd`
RGB Decimal	49, 90, 253	`rgb(49,90,253)`
RGB Percent	19.2, 35.3, 99.2	`rgb(19.2%,35.3%,99.2%)`
CMYK	81, 64, 0, 1
HSL	227.9°, 98.1, 59.2	`hsl(227.9,98.1%,59.2%)`
HSV (or HSB)	227.9°, 80.6, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.71, 43.992, -84.469
XYZ	22.649, 15.055, 94.635
xyY	0.171, 0.114, 15.055
CIE-LCH	45.71, 95.238, 297.511
CIE-LUV	45.71, -16.444, -127.061
Hunter-Lab	38.801, 36.29, -117.446
Binary	00110001, 01011010, 11111101

#315afd
```
#315afd rgb(49,90,253)
```
#fdd431
```
#fdd431 rgb(253,212,49)
```

Complementary Color

#31c0fd
```
#31c0fd rgb(49,192,253)
```
#315afd
```
#315afd rgb(49,90,253)
```
#6e31fd
```
#6e31fd rgb(110,49,253)
```

Analogous Color

#c0fd31
```
#c0fd31 rgb(192,253,49)
```
#315afd
```
#315afd rgb(49,90,253)
```
#fd6e31
```
#fd6e31 rgb(253,110,49)
```

Split Complementary Color

#5afd31
```
#5afd31 rgb(90,253,49)
```
#315afd
```
#315afd rgb(49,90,253)
```
#fd315a
```
#fd315a rgb(253,49,90)
```

Triadic Color

#31fdd4
```
#31fdd4 rgb(49,253,212)
```
#315afd
```
#315afd rgb(49,90,253)
```
#fd315a
```
#fd315a rgb(253,49,90)
```
#fdd431
```
#fdd431 rgb(253,212,49)
```

Tetradic Color

#022fdf
```
#022fdf rgb(2,47,223)
```
#0234f9
```
#0234f9 rgb(2,52,249)
```
#1846fd
```
#1846fd rgb(24,70,253)
```
#315afd
```
#315afd rgb(49,90,253)
```
#4a6efd
```
#4a6efd rgb(74,110,253)
```
#6482fd
```
#6482fd rgb(100,130,253)
```
#7d97fe
```
#7d97fe rgb(125,151,254)
```

Monochromatic Color

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

#318dfd
```
#318dfd rgb(49,141,253)
```
#317cfd
```
#317cfd rgb(49,124,253)
```
#316bfd
```
#316bfd rgb(49,107,253)
```
#315afd
```
#315afd rgb(49,90,253)
```
#3149fd
```
#3149fd rgb(49,73,253)
```
#3138fd
```
#3138fd rgb(49,56,253)
```
#3b31fd
```
#3b31fd rgb(59,49,253)
```

Similar Colors

Text with hexadecimal color #315afd

This text has a font color of #315afd.

<span style="color:#315afd;">Text here</span>

#315afd background color

This paragraph has a background color of #315afd.

<p style="background-color:#315afd;">Content here</p>

#315afd border color

This element has a border color of #315afd.

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

CSS codes

.text {color:#315afd;}

.background {background-color:#315afd;}

.border {border:1px solid #315afd;}

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

#000208
```
#000208 rgb(0,2,8)
```
#00061b
```
#00061b rgb(0,6,27)
```
#000a2f
```
#000a2f rgb(0,10,47)
```
#010e42
```
#010e42 rgb(1,14,66)
```
#011255
```
#011255 rgb(1,18,85)
```
#011669
```
#011669 rgb(1,22,105)
```
#011a7c
```
#011a7c rgb(1,26,124)
```
#011e90
```
#011e90 rgb(1,30,144)
```
#0222a3
```
#0222a3 rgb(2,34,163)
```
#0226b7
```
#0226b7 rgb(2,38,183)
```
#022aca
```
#022aca rgb(2,42,202)
```
#022edd
```
#022edd rgb(2,46,221)
```
#0232f1
```
#0232f1 rgb(2,50,241)
```

Shade Color Variation

#0a3bfd
```
#0a3bfd rgb(10,59,253)
```
#1e4afd
```
#1e4afd rgb(30,74,253)
```
#315afd
```
#315afd rgb(49,90,253)
```
#446afd
```
#446afd rgb(68,106,253)
```
#5879fd
```
#5879fd rgb(88,121,253)
```
#6b89fe
```
#6b89fe rgb(107,137,254)
```
#7f98fe
```
#7f98fe rgb(127,152,254)
```
#92a8fe
```
#92a8fe rgb(146,168,254)
```
#a6b7fe
```
#a6b7fe rgb(166,183,254)
```
#b9c7fe
```
#b9c7fe rgb(185,199,254)
```
#ccd6ff
```
#ccd6ff rgb(204,214,255)
```
#e0e6ff
```
#e0e6ff rgb(224,230,255)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91939d is the less saturated color, while #315afd is the most saturated one.

#91939d
```
#91939d rgb(145,147,157)
```
#898fa5
```
#898fa5 rgb(137,143,165)
```
#818aad
```
#818aad rgb(129,138,173)
```
#7985b5
```
#7985b5 rgb(121,133,181)
```
#7180bd
```
#7180bd rgb(113,128,189)
```
#697bc5
```
#697bc5 rgb(105,123,197)
```
#6177cd
```
#6177cd rgb(97,119,205)
```
#5972d5
```
#5972d5 rgb(89,114,213)
```
#516ddd
```
#516ddd rgb(81,109,221)
```
#4968e5
```
#4968e5 rgb(73,104,229)
```
#4164ed
```
#4164ed rgb(65,100,237)
```
#395ff5
```
#395ff5 rgb(57,95,245)
```
#315afd
```
#315afd rgb(49,90,253)
```

Tone Color Variation

Below, you can see how #315afd 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

#606060 Achromatopsia 0.005% of the population
#575f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#1168e7 Protanomaly 1% of men, 0.01% of women
#116cd5 Deuteranomaly 6% of men, 0.4% of women
#1171b1 Tritanomaly 0.01% of the population

#315afd hex color

#315afd Color Information

#315afd Color Conversion

Color Schemes with #315afd

Alternatives to #315afd

#315afd Preview

Shades and Tints of #315afd

Tones of #315afd

Color Blindness Simulator