#315ae7 hex color

In a RGB color space, hex #315ae7 is composed of 19.2% red, 35.3% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 61% magenta, 0% yellow and 9.4% black. It has a hue angle of 226.5 degrees, a saturation of 79.1% and a lightness of 54.9%. #315ae7 color hex could be obtained by blending #62b4ff with #0000cf. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 35
- B 91
RGB color chart
- C 79
- M 61
- Y 0
- K 9
CMYK color chart

● #315ae7 color description : Bright blue.

The hexadecimal color #315ae7 has RGB values of R:49, G:90, B:231 and CMYK values of C:0.79, M:0.61, Y:0, K:0.09. Its decimal value is 3234535.

Hex triplet	315ae7	`#315ae7`
RGB Decimal	49, 90, 231	`rgb(49,90,231)`
RGB Percent	19.2, 35.3, 90.6	`rgb(19.2%,35.3%,90.6%)`
CMYK	79, 61, 0, 9
HSL	226.5°, 79.1, 54.9	`hsl(226.5,79.1%,54.9%)`
HSV (or HSB)	226.5°, 78.8, 90.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.848, 36.139, -75.175
XYZ	19.344, 13.733, 77.228
xyY	0.175, 0.125, 13.733
CIE-LCH	43.848, 83.411, 295.675
CIE-LUV	43.848, -16.269, -112.804
Hunter-Lab	37.059, 28.319, -97.616
Binary	00110001, 01011010, 11100111

#315ae7
```
#315ae7 rgb(49,90,231)
```
#e7be31
```
#e7be31 rgb(231,190,49)
```

Complementary Color

#31b5e7
```
#31b5e7 rgb(49,181,231)
```
#315ae7
```
#315ae7 rgb(49,90,231)
```
#6331e7
```
#6331e7 rgb(99,49,231)
```

Analogous Color

#b5e731
```
#b5e731 rgb(181,231,49)
```
#315ae7
```
#315ae7 rgb(49,90,231)
```
#e76331
```
#e76331 rgb(231,99,49)
```

Split Complementary Color

#5ae731
```
#5ae731 rgb(90,231,49)
```
#315ae7
```
#315ae7 rgb(49,90,231)
```
#e7315a
```
#e7315a rgb(231,49,90)
```

Triadic Color

#31e7be
```
#31e7be rgb(49,231,190)
```
#315ae7
```
#315ae7 rgb(49,90,231)
```
#e7315a
```
#e7315a rgb(231,49,90)
```
#e7be31
```
#e7be31 rgb(231,190,49)
```

Tetradic Color

#153ab6
```
#153ab6 rgb(21,58,182)
```
#1841cd
```
#1841cd rgb(24,65,205)
```
#1b48e4
```
#1b48e4 rgb(27,72,228)
```
#315ae7
```
#315ae7 rgb(49,90,231)
```
#486cea
```
#486cea rgb(72,108,234)
```
#5f7fec
```
#5f7fec rgb(95,127,236)
```
#7691ef
```
#7691ef rgb(118,145,239)
```

Monochromatic Color

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

#3188e7
```
#3188e7 rgb(49,136,231)
```
#3178e7
```
#3178e7 rgb(49,120,231)
```
#3169e7
```
#3169e7 rgb(49,105,231)
```
#315ae7
```
#315ae7 rgb(49,90,231)
```
#314be7
```
#314be7 rgb(49,75,231)
```
#313ce7
```
#313ce7 rgb(49,60,231)
```
#3531e7
```
#3531e7 rgb(53,49,231)
```

Similar Colors

Text with hexadecimal color #315ae7

This text has a font color of #315ae7.

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

#315ae7 background color

This paragraph has a background color of #315ae7.

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

#315ae7 border color

This element has a border color of #315ae7.

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

CSS codes

.text {color:#315ae7;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030716
```
#030716 rgb(3,7,22)
```
#050d28
```
#050d28 rgb(5,13,40)
```
#07123a
```
#07123a rgb(7,18,58)
```
#09184b
```
#09184b rgb(9,24,75)
```
#0b1d5d
```
#0b1d5d rgb(11,29,93)
```
#0d236e
```
#0d236e rgb(13,35,110)
```
#0f2880
```
#0f2880 rgb(15,40,128)
```
#112e91
```
#112e91 rgb(17,46,145)
```
#1333a3
```
#1333a3 rgb(19,51,163)
```
#1539b5
```
#1539b5 rgb(21,57,181)
```
#173fc6
```
#173fc6 rgb(23,63,198)
```
#1944d8
```
#1944d8 rgb(25,68,216)
```

Shade Color Variation

#1f4ce5
```
#1f4ce5 rgb(31,76,229)
```
#315ae7
```
#315ae7 rgb(49,90,231)
```
#4368e9
```
#4368e9 rgb(67,104,233)
```
#5476eb
```
#5476eb rgb(84,118,235)
```
#6684ed
```
#6684ed rgb(102,132,237)
```
#7792ef
```
#7792ef rgb(119,146,239)
```
#89a0f1
```
#89a0f1 rgb(137,160,241)
```
#9aaef3
```
#9aaef3 rgb(154,174,243)
```
#acbdf5
```
#acbdf5 rgb(172,189,245)
```
#becbf7
```
#becbf7 rgb(190,203,247)
```
#cfd9f9
```
#cfd9f9 rgb(207,217,249)
```
#e1e7fb
```
#e1e7fb rgb(225,231,251)
```
#f2f5fe
```
#f2f5fe rgb(242,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898b8f is the less saturated color, while #1f50f9 is the most saturated one.

#898b8f
```
#898b8f rgb(137,139,143)
```
#818697
```
#818697 rgb(129,134,151)
```
#7881a0
```
#7881a0 rgb(120,129,160)
```
#6f7ca9
```
#6f7ca9 rgb(111,124,169)
```
#6677b2
```
#6677b2 rgb(102,119,178)
```
#5d72bb
```
#5d72bb rgb(93,114,187)
```
#546dc4
```
#546dc4 rgb(84,109,196)
```
#4c69cc
```
#4c69cc rgb(76,105,204)
```
#4364d5
```
#4364d5 rgb(67,100,213)
```
#3a5fde
```
#3a5fde rgb(58,95,222)
```
#315ae7
```
#315ae7 rgb(49,90,231)
```
#2855f0
```
#2855f0 rgb(40,85,240)
```
#1f50f9
```
#1f50f9 rgb(31,80,249)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#555d79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1165da Protanomaly 1% of men, 0.01% of women
#1169c9 Deuteranomaly 6% of men, 0.4% of women
#116ea6 Tritanomaly 0.01% of the population

#315ae7 hex color

#315ae7 Color Information

#315ae7 Color Conversion

Color Schemes with #315ae7

Alternatives to #315ae7

#315ae7 Preview

Shades and Tints of #315ae7

Tones of #315ae7

Color Blindness Simulator