#315d8d hex color

In a RGB color space, hex #315d8d is composed of 19.2% red, 36.5% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 34% magenta, 0% yellow and 44.7% black. It has a hue angle of 211.3 degrees, a saturation of 48.4% and a lightness of 37.3%. #315d8d color hex could be obtained by blending #62baff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 36
- B 55
RGB color chart
- C 65
- M 34
- Y 0
- K 45
CMYK color chart

● #315d8d color description : Dark moderate blue.

The hexadecimal color #315d8d has RGB values of R:49, G:93, B:141 and CMYK values of C:0.65, M:0.34, Y:0, K:0.45. Its decimal value is 3235213.

Hex triplet	315d8d	`#315d8d`
RGB Decimal	49, 93, 141	`rgb(49,93,141)`
RGB Percent	19.2, 36.5, 55.3	`rgb(19.2%,36.5%,55.3%)`
CMYK	65, 34, 0, 45
HSL	211.3°, 48.4, 37.3	`hsl(211.3,48.4%,37.3%)`
HSV (or HSB)	211.3°, 65.2, 55.3
Web Safe	336699	`#336699`

CIE-LAB	38.558, 0.781, -31.086
XYZ	9.988, 10.404, 26.68
xyY	0.212, 0.221, 10.404
CIE-LCH	38.558, 31.096, 271.439
CIE-LUV	38.558, -17.794, -44.028
Hunter-Lab	32.255, -1.176, -26.462
Binary	00110001, 01011101, 10001101

#315d8d
```
#315d8d rgb(49,93,141)
```
#8d6131
```
#8d6131 rgb(141,97,49)
```

Complementary Color

#318b8d
```
#318b8d rgb(49,139,141)
```
#315d8d
```
#315d8d rgb(49,93,141)
```
#33318d
```
#33318d rgb(51,49,141)
```

Analogous Color

#8b8d31
```
#8b8d31 rgb(139,141,49)
```
#315d8d
```
#315d8d rgb(49,93,141)
```
#8d3331
```
#8d3331 rgb(141,51,49)
```

Split Complementary Color

#5d8d31
```
#5d8d31 rgb(93,141,49)
```
#315d8d
```
#315d8d rgb(49,93,141)
```
#8d315d
```
#8d315d rgb(141,49,93)
```

Triadic Color

#318d61
```
#318d61 rgb(49,141,97)
```
#315d8d
```
#315d8d rgb(49,93,141)
```
#8d315d
```
#8d315d rgb(141,49,93)
```
#8d6131
```
#8d6131 rgb(141,97,49)
```

Tetradic Color

#1d3854
```
#1d3854 rgb(29,56,84)
```
#244467
```
#244467 rgb(36,68,103)
```
#2a517a
```
#2a517a rgb(42,81,122)
```
#315d8d
```
#315d8d rgb(49,93,141)
```
#3869a0
```
#3869a0 rgb(56,105,160)
```
#3e76b3
```
#3e76b3 rgb(62,118,179)
```
#4a83c0
```
#4a83c0 rgb(74,131,192)
```

Monochromatic Color

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

#31748d
```
#31748d rgb(49,116,141)
```
#316c8d
```
#316c8d rgb(49,108,141)
```
#31658d
```
#31658d rgb(49,101,141)
```
#315d8d
```
#315d8d rgb(49,93,141)
```
#31558d
```
#31558d rgb(49,85,141)
```
#314e8d
```
#314e8d rgb(49,78,141)
```
#31468d
```
#31468d rgb(49,70,141)
```

Similar Colors

Text with hexadecimal color #315d8d

This text has a font color of #315d8d.

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

#315d8d background color

This paragraph has a background color of #315d8d.

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

#315d8d border color

This element has a border color of #315d8d.

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

CSS codes

.text {color:#315d8d;}

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

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

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

#03070a
```
#03070a rgb(3,7,10)
```
#091019
```
#091019 rgb(9,16,25)
```
#0e1a27
```
#0e1a27 rgb(14,26,39)
```
#132336
```
#132336 rgb(19,35,54)
```
#182d44
```
#182d44 rgb(24,45,68)
```
#1d3753
```
#1d3753 rgb(29,55,83)
```
#224061
```
#224061 rgb(34,64,97)
```
#274a70
```
#274a70 rgb(39,74,112)
```
#2c537e
```
#2c537e rgb(44,83,126)
```
#315d8d
```
#315d8d rgb(49,93,141)
```
#36679c
```
#36679c rgb(54,103,156)
```
#3b70aa
```
#3b70aa rgb(59,112,170)
```
#407ab9
```
#407ab9 rgb(64,122,185)
```

Shade Color Variation

#4c84c1
```
#4c84c1 rgb(76,132,193)
```
#5a8ec6
```
#5a8ec6 rgb(90,142,198)
```
#6998cb
```
#6998cb rgb(105,152,203)
```
#77a2d0
```
#77a2d0 rgb(119,162,208)
```
#86acd5
```
#86acd5 rgb(134,172,213)
```
#95b6da
```
#95b6da rgb(149,182,218)
```
#a3c0df
```
#a3c0df rgb(163,192,223)
```
#b2cae4
```
#b2cae4 rgb(178,202,228)
```
#c0d4e9
```
#c0d4e9 rgb(192,212,233)
```
#cfdeee
```
#cfdeee rgb(207,222,238)
```
#dde8f3
```
#dde8f3 rgb(221,232,243)
```
#ecf2f8
```
#ecf2f8 rgb(236,242,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5f61 is the less saturated color, while #055bb9 is the most saturated one.

#5d5f61
```
#5d5f61 rgb(93,95,97)
```
#565f68
```
#565f68 rgb(86,95,104)
```
#4e5e70
```
#4e5e70 rgb(78,94,112)
```
#475e77
```
#475e77 rgb(71,94,119)
```
#405e7e
```
#405e7e rgb(64,94,126)
```
#385d86
```
#385d86 rgb(56,93,134)
```
#315d8d
```
#315d8d rgb(49,93,141)
```
#2a5d94
```
#2a5d94 rgb(42,93,148)
```
#225c9c
```
#225c9c rgb(34,92,156)
```
#1b5ca3
```
#1b5ca3 rgb(27,92,163)
```
#145caa
```
#145caa rgb(20,92,170)
```
#0c5bb2
```
#0c5bb2 rgb(12,91,178)
```
#055bb9
```
#055bb9 rgb(5,91,185)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e5760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#516190 Protanopia 1% of men
#486393 Deuteranopia 1% of men
#266b73 Tritanopia 0.001% of the population

Trichromacy

#45608f Protanomaly 1% of men, 0.01% of women
#3f6091 Deuteranomaly 6% of men, 0.4% of women
#2a667d Tritanomaly 0.01% of the population

#315d8d hex color

#315d8d Color Information

#315d8d Color Conversion

Color Schemes with #315d8d

Alternatives to #315d8d

#315d8d Preview

Shades and Tints of #315d8d

Tones of #315d8d

Color Blindness Simulator