#315bd4 hex color

In a RGB color space, hex #315bd4 is composed of 19.2% red, 35.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 57.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 224.5 degrees, a saturation of 65.5% and a lightness of 51.2%. #315bd4 color hex could be obtained by blending #62b6ff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 36
- B 83
RGB color chart
- C 77
- M 57
- Y 0
- K 17
CMYK color chart

● #315bd4 color description : Strong blue.

The hexadecimal color #315bd4 has RGB values of R:49, G:91, B:212 and CMYK values of C:0.77, M:0.57, Y:0, K:0.17. Its decimal value is 3234772.

Hex triplet	315bd4	`#315bd4`
RGB Decimal	49, 91, 212	`rgb(49,91,212)`
RGB Percent	19.2, 35.7, 83.1	`rgb(19.2%,35.7%,83.1%)`
CMYK	77, 57, 0, 17
HSL	224.5°, 65.5, 51.2	`hsl(224.5,65.5%,51.2%)`
HSV (or HSB)	224.5°, 76.9, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.593, 28.541, -66.408
XYZ	16.889, 12.887, 63.881
xyY	0.18, 0.138, 12.887
CIE-LCH	42.593, 72.281, 293.257
CIE-LUV	42.593, -16.46, -99.502
Hunter-Lab	35.899, 21.153, -80.375
Binary	00110001, 01011011, 11010100

#315bd4
```
#315bd4 rgb(49,91,212)
```
#d4aa31
```
#d4aa31 rgb(212,170,49)
```

Complementary Color

#31add4
```
#31add4 rgb(49,173,212)
```
#315bd4
```
#315bd4 rgb(49,91,212)
```
#5931d4
```
#5931d4 rgb(89,49,212)
```

Analogous Color

#add431
```
#add431 rgb(173,212,49)
```
#315bd4
```
#315bd4 rgb(49,91,212)
```
#d45931
```
#d45931 rgb(212,89,49)
```

Split Complementary Color

#5bd431
```
#5bd431 rgb(91,212,49)
```
#315bd4
```
#315bd4 rgb(49,91,212)
```
#d4315b
```
#d4315b rgb(212,49,91)
```

Triadic Color

#31d4aa
```
#31d4aa rgb(49,212,170)
```
#315bd4
```
#315bd4 rgb(49,91,212)
```
#d4315b
```
#d4315b rgb(212,49,91)
```
#d4aa31
```
#d4aa31 rgb(212,170,49)
```

Tetradic Color

#203f99
```
#203f99 rgb(32,63,153)
```
#2448ae
```
#2448ae rgb(36,72,174)
```
#2950c3
```
#2950c3 rgb(41,80,195)
```
#315bd4
```
#315bd4 rgb(49,91,212)
```
#466cd8
```
#466cd8 rgb(70,108,216)
```
#5b7ddd
```
#5b7ddd rgb(91,125,221)
```
#708de1
```
#708de1 rgb(112,141,225)
```

Monochromatic Color

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

#3184d4
```
#3184d4 rgb(49,132,212)
```
#3176d4
```
#3176d4 rgb(49,118,212)
```
#3169d4
```
#3169d4 rgb(49,105,212)
```
#315bd4
```
#315bd4 rgb(49,91,212)
```
#314dd4
```
#314dd4 rgb(49,77,212)
```
#3140d4
```
#3140d4 rgb(49,64,212)
```
#3132d4
```
#3132d4 rgb(49,50,212)
```

Similar Colors

Text with hexadecimal color #315bd4

This text has a font color of #315bd4.

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

#315bd4 background color

This paragraph has a background color of #315bd4.

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

#315bd4 border color

This element has a border color of #315bd4.

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

CSS codes

.text {color:#315bd4;}

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

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

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 #f4f6fd is the lightest one.

#010205
```
#010205 rgb(1,2,5)
```
#040915
```
#040915 rgb(4,9,21)
```
#080f25
```
#080f25 rgb(8,15,37)
```
#0b1636
```
#0b1636 rgb(11,22,54)
```
#0f1d46
```
#0f1d46 rgb(15,29,70)
```
#122456
```
#122456 rgb(18,36,86)
```
#152a66
```
#152a66 rgb(21,42,102)
```
#193177
```
#193177 rgb(25,49,119)
```
#1c3887
```
#1c3887 rgb(28,56,135)
```
#203e97
```
#203e97 rgb(32,62,151)
```
#2345a7
```
#2345a7 rgb(35,69,167)
```
#264cb7
```
#264cb7 rgb(38,76,183)
```
#2a52c8
```
#2a52c8 rgb(42,82,200)
```

Shade Color Variation

#315bd4
```
#315bd4 rgb(49,91,212)
```
#4168d7
```
#4168d7 rgb(65,104,215)
```
#5175db
```
#5175db rgb(81,117,219)
```
#6282de
```
#6282de rgb(98,130,222)
```
#728fe2
```
#728fe2 rgb(114,143,226)
```
#829ce5
```
#829ce5 rgb(130,156,229)
```
#92a9e8
```
#92a9e8 rgb(146,169,232)
```
#a3b5ec
```
#a3b5ec rgb(163,181,236)
```
#b3c2ef
```
#b3c2ef rgb(179,194,239)
```
#c3cff2
```
#c3cff2 rgb(195,207,242)
```
#d3dcf6
```
#d3dcf6 rgb(211,220,246)
```
#e4e9f9
```
#e4e9f9 rgb(228,233,249)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8087 is the less saturated color, while #0b48fa is the most saturated one.

#7e8087
```
#7e8087 rgb(126,128,135)
```
#747b91
```
#747b91 rgb(116,123,145)
```
#6a779b
```
#6a779b rgb(106,119,155)
```
#6172a4
```
#6172a4 rgb(97,114,164)
```
#576eae
```
#576eae rgb(87,110,174)
```
#4e69b7
```
#4e69b7 rgb(78,105,183)
```
#4464c1
```
#4464c1 rgb(68,100,193)
```
#3b60ca
```
#3b60ca rgb(59,96,202)
```
#315bd4
```
#315bd4 rgb(49,91,212)
```
#2756de
```
#2756de rgb(39,86,222)
```
#1e52e7
```
#1e52e7 rgb(30,82,231)
```
#144df1
```
#144df1 rgb(20,77,241)
```
#0b48fa
```
#0b48fa rgb(11,72,250)
```

Tone Color Variation

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

#1164d0 Protanomaly 1% of men, 0.01% of women
#1167bf Deuteranomaly 6% of men, 0.4% of women
#116d9d Tritanomaly 0.01% of the population

#315bd4 hex color

#315bd4 Color Information

#315bd4 Color Conversion

Color Schemes with #315bd4

Alternatives to #315bd4

#315bd4 Preview

Shades and Tints of #315bd4

Tones of #315bd4

Color Blindness Simulator