#315b81 hex color

In a RGB color space, hex #315b81 is composed of 19.2% red, 35.7% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 29.5% magenta, 0% yellow and 49.4% black. It has a hue angle of 208.5 degrees, a saturation of 44.9% and a lightness of 34.9%. #315b81 color hex could be obtained by blending #62b6ff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 36
- B 51
RGB color chart
- C 62
- M 29
- Y 0
- K 49
CMYK color chart

● #315b81 color description : Dark moderate blue.

The hexadecimal color #315b81 has RGB values of R:49, G:91, B:129 and CMYK values of C:0.62, M:0.29, Y:0, K:0.49. Its decimal value is 3234689.

Hex triplet	315b81	`#315b81`
RGB Decimal	49, 91, 129	`rgb(49,91,129)`
RGB Percent	19.2, 35.7, 50.6	`rgb(19.2%,35.7%,50.6%)`
CMYK	62, 29, 0, 49
HSL	208.5°, 44.9, 34.9	`hsl(208.5,44.9%,34.9%)`
HSV (or HSB)	208.5°, 62, 50.6
Web Safe	336699	`#336699`

CIE-LAB	37.334, -2.253, -25.707
XYZ	8.969, 9.72, 22.171
xyY	0.22, 0.238, 9.72
CIE-LCH	37.334, 25.806, 264.992
CIE-LUV	37.334, -17.328, -35.436
Hunter-Lab	31.176, -3.205, -20.341
Binary	00110001, 01011011, 10000001

#315b81
```
#315b81 rgb(49,91,129)
```
#815731
```
#815731 rgb(129,87,49)
```

Complementary Color

#31817f
```
#31817f rgb(49,129,127)
```
#315b81
```
#315b81 rgb(49,91,129)
```
#313381
```
#313381 rgb(49,51,129)
```

Analogous Color

#817f31
```
#817f31 rgb(129,127,49)
```
#315b81
```
#315b81 rgb(49,91,129)
```
#813133
```
#813133 rgb(129,49,51)
```

Split Complementary Color

#5b8131
```
#5b8131 rgb(91,129,49)
```
#315b81
```
#315b81 rgb(49,91,129)
```
#81315b
```
#81315b rgb(129,49,91)
```

Triadic Color

#318157
```
#318157 rgb(49,129,87)
```
#315b81
```
#315b81 rgb(49,91,129)
```
#81315b
```
#81315b rgb(129,49,91)
```
#815731
```
#815731 rgb(129,87,49)
```

Tetradic Color

#1c344a
```
#1c344a rgb(28,52,74)
```
#23415c
```
#23415c rgb(35,65,92)
```
#2a4e6f
```
#2a4e6f rgb(42,78,111)
```
#315b81
```
#315b81 rgb(49,91,129)
```
#386893
```
#386893 rgb(56,104,147)
```
#3f75a6
```
#3f75a6 rgb(63,117,166)
```
#4682b8
```
#4682b8 rgb(70,130,184)
```

Monochromatic Color

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

#316f81
```
#316f81 rgb(49,111,129)
```
#316881
```
#316881 rgb(49,104,129)
```
#316281
```
#316281 rgb(49,98,129)
```
#315b81
```
#315b81 rgb(49,91,129)
```
#315481
```
#315481 rgb(49,84,129)
```
#314e81
```
#314e81 rgb(49,78,129)
```
#314781
```
#314781 rgb(49,71,129)
```

Similar Colors

Text with hexadecimal color #315b81

This text has a font color of #315b81.

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

#315b81 background color

This paragraph has a background color of #315b81.

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

#315b81 border color

This element has a border color of #315b81.

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

CSS codes

.text {color:#315b81;}

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

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

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, #000101 is the darkest color, while #f2f6fa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060b0f
```
#060b0f rgb(6,11,15)
```
#0b151d
```
#0b151d rgb(11,21,29)
```
#111f2c
```
#111f2c rgb(17,31,44)
```
#16293a
```
#16293a rgb(22,41,58)
```
#1b3348
```
#1b3348 rgb(27,51,72)
```
#213d56
```
#213d56 rgb(33,61,86)
```
#264765
```
#264765 rgb(38,71,101)
```
#2c5173
```
#2c5173 rgb(44,81,115)
```
#315b81
```
#315b81 rgb(49,91,129)
```
#36658f
```
#36658f rgb(54,101,143)
```
#3c6f9d
```
#3c6f9d rgb(60,111,157)
```
#4179ac
```
#4179ac rgb(65,121,172)
```

Shade Color Variation

#4783b9
```
#4783b9 rgb(71,131,185)
```
#558dbf
```
#558dbf rgb(85,141,191)
```
#6496c4
```
#6496c4 rgb(100,150,196)
```
#72a0c9
```
#72a0c9 rgb(114,160,201)
```
#80a9cf
```
#80a9cf rgb(128,169,207)
```
#8eb3d4
```
#8eb3d4 rgb(142,179,212)
```
#9dbdda
```
#9dbdda rgb(157,189,218)
```
#abc6df
```
#abc6df rgb(171,198,223)
```
#b9d0e4
```
#b9d0e4 rgb(185,208,228)
```
#c7d9ea
```
#c7d9ea rgb(199,217,234)
```
#d5e3ef
```
#d5e3ef rgb(213,227,239)
```
#e4edf5
```
#e4edf5 rgb(228,237,245)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53595f is the less saturated color, while #015db1 is the most saturated one.

#53595f
```
#53595f rgb(83,89,95)
```
#4c5a66
```
#4c5a66 rgb(76,90,102)
```
#465a6c
```
#465a6c rgb(70,90,108)
```
#3f5a73
```
#3f5a73 rgb(63,90,115)
```
#385b7a
```
#385b7a rgb(56,91,122)
```
#315b81
```
#315b81 rgb(49,91,129)
```
#2a5b88
```
#2a5b88 rgb(42,91,136)
```
#235c8f
```
#235c8f rgb(35,92,143)
```
#1c5c96
```
#1c5c96 rgb(28,92,150)
```
#165c9c
```
#165c9c rgb(22,92,156)
```
#0f5da3
```
#0f5da3 rgb(15,93,163)
```
#085daa
```
#085daa rgb(8,93,170)
```
#015db1
```
#015db1 rgb(1,93,177)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c555c Atypical Achromatopsia 0.001% of the population

Dichromacy

#545f84 Protanopia 1% of men
#4d5f88 Deuteranopia 1% of men
#2e686f Tritanopia 0.001% of the population

Trichromacy

#475d83 Protanomaly 1% of men, 0.01% of women
#435e86 Deuteranomaly 6% of men, 0.4% of women
#2f6376 Tritanomaly 0.01% of the population

#315b81 hex color

#315b81 Color Information

#315b81 Color Conversion

Color Schemes with #315b81

Alternatives to #315b81

#315b81 Preview

Shades and Tints of #315b81

Tones of #315b81

Color Blindness Simulator