#315ada hex color

In a RGB color space, hex #315ada is composed of 19.2% red, 35.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 58.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 225.4 degrees, a saturation of 69.5% and a lightness of 52.4%. #315ada color hex could be obtained by blending #62b4ff with #0000b5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 35
- B 85
RGB color chart
- C 78
- M 59
- Y 0
- K 15
CMYK color chart

● #315ada color description : Bright blue.

The hexadecimal color #315ada has RGB values of R:49, G:90, B:218 and CMYK values of C:0.78, M:0.59, Y:0, K:0.15. Its decimal value is 3234522.

Hex triplet	315ada	`#315ada`
RGB Decimal	49, 90, 218	`rgb(49,90,218)`
RGB Percent	19.2, 35.3, 85.5	`rgb(19.2%,35.3%,85.5%)`
CMYK	78, 59, 0, 15
HSL	225.4°, 69.5, 52.4	`hsl(225.4,69.5%,52.4%)`
HSV (or HSB)	225.4°, 77.5, 85.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.802, 31.396, -69.498
XYZ	17.575, 13.026, 67.914
xyY	0.178, 0.132, 13.026
CIE-LCH	42.802, 76.261, 294.311
CIE-LUV	42.802, -16.212, -104.054
Hunter-Lab	36.092, 23.762, -86.303
Binary	00110001, 01011010, 11011010

#315ada
```
#315ada rgb(49,90,218)
```
#dab131
```
#dab131 rgb(218,177,49)
```

Complementary Color

#31afda
```
#31afda rgb(49,175,218)
```
#315ada
```
#315ada rgb(49,90,218)
```
#5d31da
```
#5d31da rgb(93,49,218)
```

Analogous Color

#afda31
```
#afda31 rgb(175,218,49)
```
#315ada
```
#315ada rgb(49,90,218)
```
#da5d31
```
#da5d31 rgb(218,93,49)
```

Split Complementary Color

#5ada31
```
#5ada31 rgb(90,218,49)
```
#315ada
```
#315ada rgb(49,90,218)
```
#da315a
```
#da315a rgb(218,49,90)
```

Triadic Color

#31dab1
```
#31dab1 rgb(49,218,177)
```
#315ada
```
#315ada rgb(49,90,218)
```
#da315a
```
#da315a rgb(218,49,90)
```
#dab131
```
#dab131 rgb(218,177,49)
```

Tetradic Color

#1d3da1
```
#1d3da1 rgb(29,61,161)
```
#2145b7
```
#2145b7 rgb(33,69,183)
```
#254ecd
```
#254ecd rgb(37,78,205)
```
#315ada
```
#315ada rgb(49,90,218)
```
#476bde
```
#476bde rgb(71,107,222)
```
#5c7de2
```
#5c7de2 rgb(92,125,226)
```
#728ee6
```
#728ee6 rgb(114,142,230)
```

Monochromatic Color

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

#3184da
```
#3184da rgb(49,132,218)
```
#3176da
```
#3176da rgb(49,118,218)
```
#3168da
```
#3168da rgb(49,104,218)
```
#315ada
```
#315ada rgb(49,90,218)
```
#314cda
```
#314cda rgb(49,76,218)
```
#313eda
```
#313eda rgb(49,62,218)
```
#3231da
```
#3231da rgb(50,49,218)
```

Similar Colors

Text with hexadecimal color #315ada

This text has a font color of #315ada.

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

#315ada background color

This paragraph has a background color of #315ada.

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

#315ada border color

This element has a border color of #315ada.

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

CSS codes

.text {color:#315ada;}

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

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

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

#02040a
```
#02040a rgb(2,4,10)
```
#050a1b
```
#050a1b rgb(5,10,27)
```
#08102b
```
#08102b rgb(8,16,43)
```
#0b173c
```
#0b173c rgb(11,23,60)
```
#0e1d4d
```
#0e1d4d rgb(14,29,77)
```
#11235d
```
#11235d rgb(17,35,93)
```
#142a6e
```
#142a6e rgb(20,42,110)
```
#17307f
```
#17307f rgb(23,48,127)
```
#1a368f
```
#1a368f rgb(26,54,143)
```
#1d3da0
```
#1d3da0 rgb(29,61,160)
```
#2043b0
```
#2043b0 rgb(32,67,176)
```
#2349c1
```
#2349c1 rgb(35,73,193)
```
#264fd2
```
#264fd2 rgb(38,79,210)
```

Shade Color Variation

#315ada
```
#315ada rgb(49,90,218)
```
#4267dd
```
#4267dd rgb(66,103,221)
```
#5275e0
```
#5275e0 rgb(82,117,224)
```
#6382e3
```
#6382e3 rgb(99,130,227)
```
#748fe6
```
#748fe6 rgb(116,143,230)
```
#849de9
```
#849de9 rgb(132,157,233)
```
#95aaec
```
#95aaec rgb(149,170,236)
```
#a5b7ef
```
#a5b7ef rgb(165,183,239)
```
#b6c5f2
```
#b6c5f2 rgb(182,197,242)
```
#c7d2f5
```
#c7d2f5 rgb(199,210,245)
```
#d7dff8
```
#d7dff8 rgb(215,223,248)
```
#e8edfb
```
#e8edfb rgb(232,237,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858586 is the less saturated color, while #154cf6 is the most saturated one.

#858586
```
#858586 rgb(133,133,134)
```
#7c808f
```
#7c808f rgb(124,128,143)
```
#727c99
```
#727c99 rgb(114,124,153)
```
#6977a2
```
#6977a2 rgb(105,119,162)
```
#6072ab
```
#6072ab rgb(96,114,171)
```
#566db5
```
#566db5 rgb(86,109,181)
```
#4d68be
```
#4d68be rgb(77,104,190)
```
#4464c7
```
#4464c7 rgb(68,100,199)
```
#3a5fd1
```
#3a5fd1 rgb(58,95,209)
```
#315ada
```
#315ada rgb(49,90,218)
```
#2855e3
```
#2855e3 rgb(40,85,227)
```
#1e50ed
```
#1e50ed rgb(30,80,237)
```
#154cf6
```
#154cf6 rgb(21,76,246)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb4 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1164d2 Protanomaly 1% of men, 0.01% of women
#1167c2 Deuteranomaly 6% of men, 0.4% of women
#116c9f Tritanomaly 0.01% of the population

#315ada hex color

#315ada Color Information

#315ada Color Conversion

Color Schemes with #315ada

Alternatives to #315ada

#315ada Preview

Shades and Tints of #315ada

Tones of #315ada

Color Blindness Simulator