#315dff hex color

In a RGB color space, hex #315dff is composed of 19.2% red, 36.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 63.5% magenta, 0% yellow and 0% black. It has a hue angle of 227.2 degrees, a saturation of 100% and a lightness of 59.6%. #315dff color hex could be obtained by blending #62baff with #0000ff. Closest websafe color is: #3366ff.

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

● #315dff color description : Vivid blue.

The hexadecimal color #315dff has RGB values of R:49, G:93, B:255 and CMYK values of C:0.81, M:0.64, Y:0, K:0. Its decimal value is 3235327.

Hex triplet	315dff	`#315dff`
RGB Decimal	49, 93, 255	`rgb(49,93,255)`
RGB Percent	19.2, 36.5, 100	`rgb(19.2%,36.5%,100%)`
CMYK	81, 64, 0, 0
HSL	227.2°, 100, 59.6	`hsl(227.2,100%,59.6%)`
HSV (or HSB)	227.2°, 80.8, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.578, 42.866, -84.157
XYZ	23.227, 15.7, 96.408
xyY	0.172, 0.116, 15.7
CIE-LCH	46.578, 94.445, 296.993
CIE-LUV	46.578, -17.126, -127.442
Hunter-Lab	39.623, 35.297, -116.524
Binary	00110001, 01011101, 11111111

#315dff
```
#315dff rgb(49,93,255)
```
#ffd331
```
#ffd331 rgb(255,211,49)
```

Complementary Color

#31c4ff
```
#31c4ff rgb(49,196,255)
```
#315dff
```
#315dff rgb(49,93,255)
```
#6c31ff
```
#6c31ff rgb(108,49,255)
```

Analogous Color

#c4ff31
```
#c4ff31 rgb(196,255,49)
```
#315dff
```
#315dff rgb(49,93,255)
```
#ff6c31
```
#ff6c31 rgb(255,108,49)
```

Split Complementary Color

#5dff31
```
#5dff31 rgb(93,255,49)
```
#315dff
```
#315dff rgb(49,93,255)
```
#ff315d
```
#ff315d rgb(255,49,93)
```

Triadic Color

#31ffd3
```
#31ffd3 rgb(49,255,211)
```
#315dff
```
#315dff rgb(49,93,255)
```
#ff315d
```
#ff315d rgb(255,49,93)
```
#ffd331
```
#ffd331 rgb(255,211,49)
```

Tetradic Color

#0031e4
```
#0031e4 rgb(0,49,228)
```
#0036fd
```
#0036fd rgb(0,54,253)
```
#1849ff
```
#1849ff rgb(24,73,255)
```
#315dff
```
#315dff rgb(49,93,255)
```
#4b71ff
```
#4b71ff rgb(75,113,255)
```
#6485ff
```
#6485ff rgb(100,133,255)
```
#7e99ff
```
#7e99ff rgb(126,153,255)
```

Monochromatic Color

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

#3191ff
```
#3191ff rgb(49,145,255)
```
#317fff
```
#317fff rgb(49,127,255)
```
#316eff
```
#316eff rgb(49,110,255)
```
#315dff
```
#315dff rgb(49,93,255)
```
#314cff
```
#314cff rgb(49,76,255)
```
#313bff
```
#313bff rgb(49,59,255)
```
#3831ff
```
#3831ff rgb(56,49,255)
```

Similar Colors

Text with hexadecimal color #315dff

This text has a font color of #315dff.

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

#315dff background color

This paragraph has a background color of #315dff.

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

#315dff border color

This element has a border color of #315dff.

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

CSS codes

.text {color:#315dff;}

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

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

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, #00020a is the darkest color, while #f5f7ff is the lightest one.

#00020a
```
#00020a rgb(0,2,10)
```
#00061d
```
#00061d rgb(0,6,29)
```
#000a31
```
#000a31 rgb(0,10,49)
```
#000f45
```
#000f45 rgb(0,15,69)
```
#001358
```
#001358 rgb(0,19,88)
```
#00176c
```
#00176c rgb(0,23,108)
```
#001b7f
```
#001b7f rgb(0,27,127)
```
#001f93
```
#001f93 rgb(0,31,147)
```
#0024a7
```
#0024a7 rgb(0,36,167)
```
#0028ba
```
#0028ba rgb(0,40,186)
```
#002cce
```
#002cce rgb(0,44,206)
```
#0030e2
```
#0030e2 rgb(0,48,226)
```
#0034f5
```
#0034f5 rgb(0,52,245)
```

Shade Color Variation

#0a3eff
```
#0a3eff rgb(10,62,255)
```
#1d4eff
```
#1d4eff rgb(29,78,255)
```
#315dff
```
#315dff rgb(49,93,255)
```
#456cff
```
#456cff rgb(69,108,255)
```
#587cff
```
#587cff rgb(88,124,255)
```
#6c8bff
```
#6c8bff rgb(108,139,255)
```
#7f9bff
```
#7f9bff rgb(127,155,255)
```
#93aaff
```
#93aaff rgb(147,170,255)
```
#a7baff
```
#a7baff rgb(167,186,255)
```
#bac9ff
```
#bac9ff rgb(186,201,255)
```
#ced8ff
```
#ced8ff rgb(206,216,255)
```
#e2e8ff
```
#e2e8ff rgb(226,232,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#9093a0
```
#9093a0 rgb(144,147,160)
```
#888fa8
```
#888fa8 rgb(136,143,168)
```
#808ab0
```
#808ab0 rgb(128,138,176)
```
#7886b8
```
#7886b8 rgb(120,134,184)
```
#7081c0
```
#7081c0 rgb(112,129,192)
```
#687dc8
```
#687dc8 rgb(104,125,200)
```
#6178cf
```
#6178cf rgb(97,120,207)
```
#5974d7
```
#5974d7 rgb(89,116,215)
```
#516fdf
```
#516fdf rgb(81,111,223)
```
#496be7
```
#496be7 rgb(73,107,231)
```
#4166ef
```
#4166ef rgb(65,102,239)
```
#3962f7
```
#3962f7 rgb(57,98,247)
```
#315dff
```
#315dff rgb(49,93,255)
```

Tone Color Variation

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

#0072df Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#116aea Protanomaly 1% of men, 0.01% of women
#116ed8 Deuteranomaly 6% of men, 0.4% of women
#1174b3 Tritanomaly 0.01% of the population

#315dff hex color

#315dff Color Information

#315dff Color Conversion

Color Schemes with #315dff

Alternatives to #315dff

#315dff Preview

Shades and Tints of #315dff

Tones of #315dff

Color Blindness Simulator