#315cfd hex color

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

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

● #315cfd color description : Bright blue.

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

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

CIE-LAB	46.174, 42.771, -83.708
XYZ	22.82, 15.397, 94.692
xyY	0.172, 0.116, 15.397
CIE-LCH	46.174, 94.002, 297.065
CIE-LUV	46.174, -16.886, -126.469
Hunter-Lab	39.24, 35.137, -115.61
Binary	00110001, 01011100, 11111101

#315cfd
```
#315cfd rgb(49,92,253)
```
#fdd231
```
#fdd231 rgb(253,210,49)
```

Complementary Color

#31c2fd
```
#31c2fd rgb(49,194,253)
```
#315cfd
```
#315cfd rgb(49,92,253)
```
#6c31fd
```
#6c31fd rgb(108,49,253)
```

Analogous Color

#c2fd31
```
#c2fd31 rgb(194,253,49)
```
#315cfd
```
#315cfd rgb(49,92,253)
```
#fd6c31
```
#fd6c31 rgb(253,108,49)
```

Split Complementary Color

#5cfd31
```
#5cfd31 rgb(92,253,49)
```
#315cfd
```
#315cfd rgb(49,92,253)
```
#fd315c
```
#fd315c rgb(253,49,92)
```

Triadic Color

#31fdd2
```
#31fdd2 rgb(49,253,210)
```
#315cfd
```
#315cfd rgb(49,92,253)
```
#fd315c
```
#fd315c rgb(253,49,92)
```
#fdd231
```
#fdd231 rgb(253,210,49)
```

Tetradic Color

#0231df
```
#0231df rgb(2,49,223)
```
#0236f9
```
#0236f9 rgb(2,54,249)
```
#1848fd
```
#1848fd rgb(24,72,253)
```
#315cfd
```
#315cfd rgb(49,92,253)
```
#4a70fd
```
#4a70fd rgb(74,112,253)
```
#6484fd
```
#6484fd rgb(100,132,253)
```
#7d98fe
```
#7d98fe rgb(125,152,254)
```

Monochromatic Color

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

#318ffd
```
#318ffd rgb(49,143,253)
```
#317efd
```
#317efd rgb(49,126,253)
```
#316dfd
```
#316dfd rgb(49,109,253)
```
#315cfd
```
#315cfd rgb(49,92,253)
```
#314bfd
```
#314bfd rgb(49,75,253)
```
#313afd
```
#313afd rgb(49,58,253)
```
#3931fd
```
#3931fd rgb(57,49,253)
```

Similar Colors

Text with hexadecimal color #315cfd

This text has a font color of #315cfd.

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

#315cfd background color

This paragraph has a background color of #315cfd.

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

#315cfd border color

This element has a border color of #315cfd.

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

CSS codes

.text {color:#315cfd;}

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

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

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)
```
#011355
```
#011355 rgb(1,19,85)
```
#011769
```
#011769 rgb(1,23,105)
```
#011b7c
```
#011b7c rgb(1,27,124)
```
#011f90
```
#011f90 rgb(1,31,144)
```
#0224a3
```
#0224a3 rgb(2,36,163)
```
#0228b7
```
#0228b7 rgb(2,40,183)
```
#022cca
```
#022cca rgb(2,44,202)
```
#0230dd
```
#0230dd rgb(2,48,221)
```
#0235f1
```
#0235f1 rgb(2,53,241)
```

Shade Color Variation

#0a3dfd
```
#0a3dfd rgb(10,61,253)
```
#1e4dfd
```
#1e4dfd rgb(30,77,253)
```
#315cfd
```
#315cfd rgb(49,92,253)
```
#446bfd
```
#446bfd rgb(68,107,253)
```
#587bfd
```
#587bfd rgb(88,123,253)
```
#6b8afe
```
#6b8afe rgb(107,138,254)
```
#7f99fe
```
#7f99fe rgb(127,153,254)
```
#92a9fe
```
#92a9fe rgb(146,169,254)
```
#a6b8fe
```
#a6b8fe rgb(166,184,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 #315cfd 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)
```
#697cc5
```
#697cc5 rgb(105,124,197)
```
#6178cd
```
#6178cd rgb(97,120,205)
```
#5973d5
```
#5973d5 rgb(89,115,213)
```
#516fdd
```
#516fdd rgb(81,111,221)
```
#496ae5
```
#496ae5 rgb(73,106,229)
```
#4165ed
```
#4165ed rgb(65,101,237)
```
#3961f5
```
#3961f5 rgb(57,97,245)
```
#315cfd
```
#315cfd rgb(49,92,253)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0078c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1169e8 Protanomaly 1% of men, 0.01% of women
#116dd6 Deuteranomaly 6% of men, 0.4% of women
#1173b2 Tritanomaly 0.01% of the population

#315cfd hex color

#315cfd Color Information

#315cfd Color Conversion

Color Schemes with #315cfd

Alternatives to #315cfd

#315cfd Preview

Shades and Tints of #315cfd

Tones of #315cfd

Color Blindness Simulator