#315fb7 hex color

In a RGB color space, hex #315fb7 is composed of 19.2% red, 37.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 48.1% magenta, 0% yellow and 28.2% black. It has a hue angle of 219.4 degrees, a saturation of 57.8% and a lightness of 45.5%. #315fb7 color hex could be obtained by blending #62beff with #00006f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 37
- B 72
RGB color chart
- C 73
- M 48
- Y 0
- K 28
CMYK color chart

● #315fb7 color description : Moderate blue.

The hexadecimal color #315fb7 has RGB values of R:49, G:95, B:183 and CMYK values of C:0.73, M:0.48, Y:0, K:0.28. Its decimal value is 3235767.

Hex triplet	315fb7	`#315fb7`
RGB Decimal	49, 95, 183	`rgb(49,95,183)`
RGB Percent	19.2, 37.3, 71.8	`rgb(19.2%,37.3%,71.8%)`
CMYK	73, 48, 0, 28
HSL	219.4°, 57.8, 45.5	`hsl(219.4,57.8%,45.5%)`
HSV (or HSB)	219.4°, 73.2, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.619, 15.097, -51.194
XYZ	13.904, 12.255, 46.43
xyY	0.192, 0.169, 12.255
CIE-LCH	41.619, 53.373, 286.431
CIE-LUV	41.619, -17.755, -76.323
Hunter-Lab	35.008, 9.633, -54.13
Binary	00110001, 01011111, 10110111

#315fb7
```
#315fb7 rgb(49,95,183)
```
#b78931
```
#b78931 rgb(183,137,49)
```

Complementary Color

#31a2b7
```
#31a2b7 rgb(49,162,183)
```
#315fb7
```
#315fb7 rgb(49,95,183)
```
#4631b7
```
#4631b7 rgb(70,49,183)
```

Analogous Color

#a2b731
```
#a2b731 rgb(162,183,49)
```
#315fb7
```
#315fb7 rgb(49,95,183)
```
#b74631
```
#b74631 rgb(183,70,49)
```

Split Complementary Color

#5fb731
```
#5fb731 rgb(95,183,49)
```
#315fb7
```
#315fb7 rgb(49,95,183)
```
#b7315f
```
#b7315f rgb(183,49,95)
```

Triadic Color

#31b789
```
#31b789 rgb(49,183,137)
```
#315fb7
```
#315fb7 rgb(49,95,183)
```
#b7315f
```
#b7315f rgb(183,49,95)
```
#b78931
```
#b78931 rgb(183,137,49)
```

Tetradic Color

#21407b
```
#21407b rgb(33,64,123)
```
#264a8f
```
#264a8f rgb(38,74,143)
```
#2c55a3
```
#2c55a3 rgb(44,85,163)
```
#315fb7
```
#315fb7 rgb(49,95,183)
```
#386aca
```
#386aca rgb(56,106,202)
```
#4c79cf
```
#4c79cf rgb(76,121,207)
```
#6088d4
```
#6088d4 rgb(96,136,212)
```

Monochromatic Color

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

#3181b7
```
#3181b7 rgb(49,129,183)
```
#3175b7
```
#3175b7 rgb(49,117,183)
```
#316ab7
```
#316ab7 rgb(49,106,183)
```
#315fb7
```
#315fb7 rgb(49,95,183)
```
#3154b7
```
#3154b7 rgb(49,84,183)
```
#3149b7
```
#3149b7 rgb(49,73,183)
```
#313eb7
```
#313eb7 rgb(49,62,183)
```

Similar Colors

Text with hexadecimal color #315fb7

This text has a font color of #315fb7.

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

#315fb7 background color

This paragraph has a background color of #315fb7.

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

#315fb7 border color

This element has a border color of #315fb7.

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

CSS codes

.text {color:#315fb7;}

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

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

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, #03070d is the darkest color, while #fcfdfe is the lightest one.

#03070d
```
#03070d rgb(3,7,13)
```
#080f1c
```
#080f1c rgb(8,15,28)
```
#0c172c
```
#0c172c rgb(12,23,44)
```
#101f3b
```
#101f3b rgb(16,31,59)
```
#14274b
```
#14274b rgb(20,39,75)
```
#182f5a
```
#182f5a rgb(24,47,90)
```
#1c376a
```
#1c376a rgb(28,55,106)
```
#203f79
```
#203f79 rgb(32,63,121)
```
#254789
```
#254789 rgb(37,71,137)
```
#294f98
```
#294f98 rgb(41,79,152)
```
#2d57a8
```
#2d57a8 rgb(45,87,168)
```
#315fb7
```
#315fb7 rgb(49,95,183)
```
#3567c6
```
#3567c6 rgb(53,103,198)
```

Shade Color Variation

#4372cd
```
#4372cd rgb(67,114,205)
```
#527ed1
```
#527ed1 rgb(82,126,209)
```
#6289d5
```
#6289d5 rgb(98,137,213)
```
#7195d9
```
#7195d9 rgb(113,149,217)
```
#81a0dd
```
#81a0dd rgb(129,160,221)
```
#90ace1
```
#90ace1 rgb(144,172,225)
```
#9fb8e5
```
#9fb8e5 rgb(159,184,229)
```
#afc3ea
```
#afc3ea rgb(175,195,234)
```
#becfee
```
#becfee rgb(190,207,238)
```
#cedaf2
```
#cedaf2 rgb(206,218,242)
```
#dde6f6
```
#dde6f6 rgb(221,230,246)
```
#edf1fa
```
#edf1fa rgb(237,241,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7379 is the less saturated color, while #0451e4 is the most saturated one.

#6f7379
```
#6f7379 rgb(111,115,121)
```
#677081
```
#677081 rgb(103,112,129)
```
#5e6d8a
```
#5e6d8a rgb(94,109,138)
```
#556a93
```
#556a93 rgb(85,106,147)
```
#4c679c
```
#4c679c rgb(76,103,156)
```
#4365a5
```
#4365a5 rgb(67,101,165)
```
#3a62ae
```
#3a62ae rgb(58,98,174)
```
#315fb7
```
#315fb7 rgb(49,95,183)
```
#285cc0
```
#285cc0 rgb(40,92,192)
```
#1f59c9
```
#1f59c9 rgb(31,89,201)
```
#1657d2
```
#1657d2 rgb(22,87,210)
```
#0d54db
```
#0d54db rgb(13,84,219)
```
#0451e4
```
#0451e4 rgb(4,81,228)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#535c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3967ba Protanopia 1% of men
#006cb3 Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#3664b9 Protanomaly 1% of men, 0.01% of women
#1167b4 Deuteranomaly 6% of men, 0.4% of women
#116c91 Tritanomaly 0.01% of the population

#315fb7 hex color

#315fb7 Color Information

#315fb7 Color Conversion

Color Schemes with #315fb7

Alternatives to #315fb7

#315fb7 Preview

Shades and Tints of #315fb7

Tones of #315fb7

Color Blindness Simulator