#315a8e hex color

In a RGB color space, hex #315a8e is composed of 19.2% red, 35.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 36.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 213.5 degrees, a saturation of 48.7% and a lightness of 37.5%. #315a8e color hex could be obtained by blending #62b4ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 35
- B 56
RGB color chart
- C 65
- M 37
- Y 0
- K 44
CMYK color chart

● #315a8e color description : Dark moderate blue.

The hexadecimal color #315a8e has RGB values of R:49, G:90, B:142 and CMYK values of C:0.65, M:0.37, Y:0, K:0.44. Its decimal value is 3234446.

Hex triplet	315a8e	`#315a8e`
RGB Decimal	49, 90, 142	`rgb(49,90,142)`
RGB Percent	19.2, 35.3, 55.7	`rgb(19.2%,35.3%,55.7%)`
CMYK	65, 37, 0, 44
HSL	213.5°, 48.7, 37.5	`hsl(213.5,48.7%,37.5%)`
HSV (or HSB)	213.5°, 65.5, 55.7
Web Safe	336699	`#336699`

CIE-LAB	37.694, 3.051, -33.055
XYZ	9.804, 9.918, 26.987
xyY	0.21, 0.212, 9.918
CIE-LCH	37.694, 33.195, 275.274
CIE-LUV	37.694, -16.718, -46.893
Hunter-Lab	31.492, 0.459, -28.764
Binary	00110001, 01011010, 10001110

#315a8e
```
#315a8e rgb(49,90,142)
```
#8e6531
```
#8e6531 rgb(142,101,49)
```

Complementary Color

#31898e
```
#31898e rgb(49,137,142)
```
#315a8e
```
#315a8e rgb(49,90,142)
```
#37318e
```
#37318e rgb(55,49,142)
```

Analogous Color

#898e31
```
#898e31 rgb(137,142,49)
```
#315a8e
```
#315a8e rgb(49,90,142)
```
#8e3731
```
#8e3731 rgb(142,55,49)
```

Split Complementary Color

#5a8e31
```
#5a8e31 rgb(90,142,49)
```
#315a8e
```
#315a8e rgb(49,90,142)
```
#8e315a
```
#8e315a rgb(142,49,90)
```

Triadic Color

#318e65
```
#318e65 rgb(49,142,101)
```
#315a8e
```
#315a8e rgb(49,90,142)
```
#8e315a
```
#8e315a rgb(142,49,90)
```
#8e6531
```
#8e6531 rgb(142,101,49)
```

Tetradic Color

#1d3655
```
#1d3655 rgb(29,54,85)
```
#244268
```
#244268 rgb(36,66,104)
```
#2a4e7b
```
#2a4e7b rgb(42,78,123)
```
#315a8e
```
#315a8e rgb(49,90,142)
```
#3866a1
```
#3866a1 rgb(56,102,161)
```
#3e72b4
```
#3e72b4 rgb(62,114,180)
```
#4b7fc1
```
#4b7fc1 rgb(75,127,193)
```

Monochromatic Color

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

#31718e
```
#31718e rgb(49,113,142)
```
#316a8e
```
#316a8e rgb(49,106,142)
```
#31628e
```
#31628e rgb(49,98,142)
```
#315a8e
```
#315a8e rgb(49,90,142)
```
#31528e
```
#31528e rgb(49,82,142)
```
#314b8e
```
#314b8e rgb(49,75,142)
```
#31438e
```
#31438e rgb(49,67,142)
```

Similar Colors

Text with hexadecimal color #315a8e

This text has a font color of #315a8e.

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

#315a8e background color

This paragraph has a background color of #315a8e.

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

#315a8e border color

This element has a border color of #315a8e.

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

CSS codes

.text {color:#315a8e;}

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

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

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, #04070b is the darkest color, while #fbfcfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#091019
```
#091019 rgb(9,16,25)
```
#0e1928
```
#0e1928 rgb(14,25,40)
```
#132337
```
#132337 rgb(19,35,55)
```
#182c45
```
#182c45 rgb(24,44,69)
```
#1d3554
```
#1d3554 rgb(29,53,84)
```
#223e62
```
#223e62 rgb(34,62,98)
```
#274871
```
#274871 rgb(39,72,113)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#315a8e
```
#315a8e rgb(49,90,142)
```
#36639d
```
#36639d rgb(54,99,157)
```
#3b6cab
```
#3b6cab rgb(59,108,171)
```
#4076ba
```
#4076ba rgb(64,118,186)
```

Shade Color Variation

#4c80c1
```
#4c80c1 rgb(76,128,193)
```
#5b8ac6
```
#5b8ac6 rgb(91,138,198)
```
#6995cb
```
#6995cb rgb(105,149,203)
```
#789fd0
```
#789fd0 rgb(120,159,208)
```
#87a9d5
```
#87a9d5 rgb(135,169,213)
```
#95b4da
```
#95b4da rgb(149,180,218)
```
#a4bedf
```
#a4bedf rgb(164,190,223)
```
#b2c8e5
```
#b2c8e5 rgb(178,200,229)
```
#c1d3ea
```
#c1d3ea rgb(193,211,234)
```
#cfddef
```
#cfddef rgb(207,221,239)
```
#dee8f4
```
#dee8f4 rgb(222,232,244)
```
#edf2f9
```
#edf2f9 rgb(237,242,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#5d5f62
```
#5d5f62 rgb(93,95,98)
```
#565e69
```
#565e69 rgb(86,94,105)
```
#4e5d71
```
#4e5d71 rgb(78,93,113)
```
#475d78
```
#475d78 rgb(71,93,120)
```
#405c7f
```
#405c7f rgb(64,92,127)
```
#385b87
```
#385b87 rgb(56,91,135)
```
#315a8e
```
#315a8e rgb(49,90,142)
```
#2a5995
```
#2a5995 rgb(42,89,149)
```
#22589d
```
#22589d rgb(34,88,157)
```
#1b57a4
```
#1b57a4 rgb(27,87,164)
```
#1457ab
```
#1457ab rgb(20,87,171)
```
#0c56b3
```
#0c56b3 rgb(12,86,179)
```
#0555ba
```
#0555ba rgb(5,85,186)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5f91 Protanopia 1% of men
#416194 Deuteranopia 1% of men
#226971 Tritanopia 0.001% of the population

Trichromacy

#435d90 Protanomaly 1% of men, 0.01% of women
#3b5e92 Deuteranomaly 6% of men, 0.4% of women
#28647c Tritanomaly 0.01% of the population

#315a8e hex color

#315a8e Color Information

#315a8e Color Conversion

Color Schemes with #315a8e

Alternatives to #315a8e

#315a8e Preview

Shades and Tints of #315a8e

Tones of #315a8e

Color Blindness Simulator