#315eff hex color

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

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

● #315eff color description : Vivid blue.

The hexadecimal color #315eff has RGB values of R:49, G:94, B:255 and CMYK values of C:0.81, M:0.63, Y:0, K:0. Its decimal value is 3235583.

Hex triplet	315eff	`#315eff`
RGB Decimal	49, 94, 255	`rgb(49,94,255)`
RGB Percent	19.2, 36.9, 100	`rgb(19.2%,36.9%,100%)`
CMYK	81, 63, 0, 0
HSL	226.9°, 100, 59.6	`hsl(226.9,100%,59.6%)`
HSV (or HSB)	226.9°, 80.8, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.812, 42.254, -83.773
XYZ	23.316, 15.877, 96.438
xyY	0.172, 0.117, 15.877
CIE-LCH	46.812, 93.826, 296.766
CIE-LUV	46.812, -17.351, -127.131
Hunter-Lab	39.845, 34.72, -115.608
Binary	00110001, 01011110, 11111111

#315eff
```
#315eff rgb(49,94,255)
```
#ffd231
```
#ffd231 rgb(255,210,49)
```

Complementary Color

#31c5ff
```
#31c5ff rgb(49,197,255)
```
#315eff
```
#315eff rgb(49,94,255)
```
#6b31ff
```
#6b31ff rgb(107,49,255)
```

Analogous Color

#c5ff31
```
#c5ff31 rgb(197,255,49)
```
#315eff
```
#315eff rgb(49,94,255)
```
#ff6b31
```
#ff6b31 rgb(255,107,49)
```

Split Complementary Color

#5eff31
```
#5eff31 rgb(94,255,49)
```
#315eff
```
#315eff rgb(49,94,255)
```
#ff315e
```
#ff315e rgb(255,49,94)
```

Triadic Color

#31ffd2
```
#31ffd2 rgb(49,255,210)
```
#315eff
```
#315eff rgb(49,94,255)
```
#ff315e
```
#ff315e rgb(255,49,94)
```
#ffd231
```
#ffd231 rgb(255,210,49)
```

Tetradic Color

#0032e4
```
#0032e4 rgb(0,50,228)
```
#0037fd
```
#0037fd rgb(0,55,253)
```
#184aff
```
#184aff rgb(24,74,255)
```
#315eff
```
#315eff rgb(49,94,255)
```
#4b72ff
```
#4b72ff rgb(75,114,255)
```
#6486ff
```
#6486ff rgb(100,134,255)
```
#7e9aff
```
#7e9aff rgb(126,154,255)
```

Monochromatic Color

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

#3192ff
```
#3192ff rgb(49,146,255)
```
#3180ff
```
#3180ff rgb(49,128,255)
```
#316fff
```
#316fff rgb(49,111,255)
```
#315eff
```
#315eff rgb(49,94,255)
```
#314dff
```
#314dff rgb(49,77,255)
```
#313cff
```
#313cff rgb(49,60,255)
```
#3831ff
```
#3831ff rgb(56,49,255)
```

Similar Colors

Text with hexadecimal color #315eff

This text has a font color of #315eff.

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

#315eff background color

This paragraph has a background color of #315eff.

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

#315eff border color

This element has a border color of #315eff.

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

CSS codes

.text {color:#315eff;}

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

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

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)
```
#000b31
```
#000b31 rgb(0,11,49)
```
#000f45
```
#000f45 rgb(0,15,69)
```
#001358
```
#001358 rgb(0,19,88)
```
#00186c
```
#00186c rgb(0,24,108)
```
#001c7f
```
#001c7f rgb(0,28,127)
```
#002093
```
#002093 rgb(0,32,147)
```
#0024a7
```
#0024a7 rgb(0,36,167)
```
#0029ba
```
#0029ba rgb(0,41,186)
```
#002dce
```
#002dce rgb(0,45,206)
```
#0031e2
```
#0031e2 rgb(0,49,226)
```
#0036f5
```
#0036f5 rgb(0,54,245)
```

Shade Color Variation

#0a3fff
```
#0a3fff rgb(10,63,255)
```
#1d4fff
```
#1d4fff rgb(29,79,255)
```
#315eff
```
#315eff rgb(49,94,255)
```
#456dff
```
#456dff rgb(69,109,255)
```
#587dff
```
#587dff rgb(88,125,255)
```
#6c8cff
```
#6c8cff rgb(108,140,255)
```
#7f9bff
```
#7f9bff rgb(127,155,255)
```
#93abff
```
#93abff rgb(147,171,255)
```
#a7baff
```
#a7baff rgb(167,186,255)
```
#bac9ff
```
#bac9ff rgb(186,201,255)
```
#ced9ff
```
#ced9ff rgb(206,217,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, #9094a0 is the less saturated color, while #315eff is the most saturated one.

#9094a0
```
#9094a0 rgb(144,148,160)
```
#888fa8
```
#888fa8 rgb(136,143,168)
```
#808bb0
```
#808bb0 rgb(128,139,176)
```
#7886b8
```
#7886b8 rgb(120,134,184)
```
#7082c0
```
#7082c0 rgb(112,130,192)
```
#687dc8
```
#687dc8 rgb(104,125,200)
```
#6179cf
```
#6179cf rgb(97,121,207)
```
#5974d7
```
#5974d7 rgb(89,116,215)
```
#5170df
```
#5170df rgb(81,112,223)
```
#496be7
```
#496be7 rgb(73,107,231)
```
#4167ef
```
#4167ef rgb(65,103,239)
```
#3962f7
```
#3962f7 rgb(57,98,247)
```
#315eff
```
#315eff rgb(49,94,255)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#596282 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#116beb Protanomaly 1% of men, 0.01% of women
#116fd8 Deuteranomaly 6% of men, 0.4% of women
#1175b3 Tritanomaly 0.01% of the population

#315eff hex color

#315eff Color Information

#315eff Color Conversion

Color Schemes with #315eff

Alternatives to #315eff

#315eff Preview

Shades and Tints of #315eff

Tones of #315eff

Color Blindness Simulator