#315dfd hex color

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

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

● #315dfd color description : Bright blue.

The hexadecimal color #315dfd has RGB values of R:49, G:93, B:253 and CMYK values of C:0.81, M:0.63, Y:0, K:0.01. Its decimal value is 3235325.

Hex triplet	315dfd	`#315dfd`
RGB Decimal	49, 93, 253	`rgb(49,93,253)`
RGB Percent	19.2, 36.5, 99.2	`rgb(19.2%,36.5%,99.2%)`
CMYK	81, 63, 0, 1
HSL	227.1°, 98.1, 59.2	`hsl(227.1,98.1%,59.2%)`
HSV (or HSB)	227.1°, 80.6, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.408, 42.158, -83.324
XYZ	22.907, 15.572, 94.721
xyY	0.172, 0.117, 15.572
CIE-LCH	46.408, 93.382, 296.837
CIE-LUV	46.408, -17.111, -126.16
Hunter-Lab	39.461, 34.561, -114.695
Binary	00110001, 01011101, 11111101

#315dfd
```
#315dfd rgb(49,93,253)
```
#fdd131
```
#fdd131 rgb(253,209,49)
```

Complementary Color

#31c3fd
```
#31c3fd rgb(49,195,253)
```
#315dfd
```
#315dfd rgb(49,93,253)
```
#6b31fd
```
#6b31fd rgb(107,49,253)
```

Analogous Color

#c3fd31
```
#c3fd31 rgb(195,253,49)
```
#315dfd
```
#315dfd rgb(49,93,253)
```
#fd6b31
```
#fd6b31 rgb(253,107,49)
```

Split Complementary Color

#5dfd31
```
#5dfd31 rgb(93,253,49)
```
#315dfd
```
#315dfd rgb(49,93,253)
```
#fd315d
```
#fd315d rgb(253,49,93)
```

Triadic Color

#31fdd1
```
#31fdd1 rgb(49,253,209)
```
#315dfd
```
#315dfd rgb(49,93,253)
```
#fd315d
```
#fd315d rgb(253,49,93)
```
#fdd131
```
#fdd131 rgb(253,209,49)
```

Tetradic Color

#0232df
```
#0232df rgb(2,50,223)
```
#0238f9
```
#0238f9 rgb(2,56,249)
```
#1849fd
```
#1849fd rgb(24,73,253)
```
#315dfd
```
#315dfd rgb(49,93,253)
```
#4a71fd
```
#4a71fd rgb(74,113,253)
```
#6485fd
```
#6485fd rgb(100,133,253)
```
#7d99fe
```
#7d99fe rgb(125,153,254)
```

Monochromatic Color

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

#3190fd
```
#3190fd rgb(49,144,253)
```
#317ffd
```
#317ffd rgb(49,127,253)
```
#316efd
```
#316efd rgb(49,110,253)
```
#315dfd
```
#315dfd rgb(49,93,253)
```
#314cfd
```
#314cfd rgb(49,76,253)
```
#313bfd
```
#313bfd rgb(49,59,253)
```
#3831fd
```
#3831fd rgb(56,49,253)
```

Similar Colors

Text with hexadecimal color #315dfd

This text has a font color of #315dfd.

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

#315dfd background color

This paragraph has a background color of #315dfd.

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

#315dfd border color

This element has a border color of #315dfd.

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

CSS codes

.text {color:#315dfd;}

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

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

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)
```
#010f42
```
#010f42 rgb(1,15,66)
```
#011355
```
#011355 rgb(1,19,85)
```
#011769
```
#011769 rgb(1,23,105)
```
#011c7c
```
#011c7c rgb(1,28,124)
```
#012090
```
#012090 rgb(1,32,144)
```
#0224a3
```
#0224a3 rgb(2,36,163)
```
#0229b7
```
#0229b7 rgb(2,41,183)
```
#022dca
```
#022dca rgb(2,45,202)
```
#0231dd
```
#0231dd rgb(2,49,221)
```
#0236f1
```
#0236f1 rgb(2,54,241)
```

Shade Color Variation

#0a3efd
```
#0a3efd rgb(10,62,253)
```
#1e4efd
```
#1e4efd rgb(30,78,253)
```
#315dfd
```
#315dfd rgb(49,93,253)
```
#446cfd
```
#446cfd rgb(68,108,253)
```
#587cfd
```
#587cfd rgb(88,124,253)
```
#6b8bfe
```
#6b8bfe rgb(107,139,254)
```
#7f9afe
```
#7f9afe rgb(127,154,254)
```
#92a9fe
```
#92a9fe rgb(146,169,254)
```
#a6b9fe
```
#a6b9fe rgb(166,185,254)
```
#b9c8fe
```
#b9c8fe rgb(185,200,254)
```
#ccd7ff
```
#ccd7ff rgb(204,215,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, #91949d is the less saturated color, while #315dfd is the most saturated one.

#91949d
```
#91949d rgb(145,148,157)
```
#898fa5
```
#898fa5 rgb(137,143,165)
```
#818aad
```
#818aad rgb(129,138,173)
```
#7986b5
```
#7986b5 rgb(121,134,181)
```
#7181bd
```
#7181bd rgb(113,129,189)
```
#697dc5
```
#697dc5 rgb(105,125,197)
```
#6178cd
```
#6178cd rgb(97,120,205)
```
#5974d5
```
#5974d5 rgb(89,116,213)
```
#516fdd
```
#516fdd rgb(81,111,221)
```
#496be5
```
#496be5 rgb(73,107,229)
```
#4166ed
```
#4166ed rgb(65,102,237)
```
#3962f5
```
#3962f5 rgb(57,98,245)
```
#315dfd
```
#315dfd rgb(49,93,253)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#586181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008187 Tritanopia 0.001% of the population

Trichromacy

#116ae9 Protanomaly 1% of men, 0.01% of women
#116ed7 Deuteranomaly 6% of men, 0.4% of women
#1174b2 Tritanomaly 0.01% of the population

#315dfd hex color

#315dfd Color Information

#315dfd Color Conversion

Color Schemes with #315dfd

Alternatives to #315dfd

#315dfd Preview

Shades and Tints of #315dfd

Tones of #315dfd

Color Blindness Simulator