#315566 hex color

In a RGB color space, hex #315566 is composed of 19.2% red, 33.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 16.7% magenta, 0% yellow and 60% black. It has a hue angle of 199.2 degrees, a saturation of 35.1% and a lightness of 29.6%. #315566 color hex could be obtained by blending #62aacc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 33
- B 40
RGB color chart
- C 52
- M 17
- Y 0
- K 60
CMYK color chart

● #315566 color description : Very dark desaturated blue.

The hexadecimal color #315566 has RGB values of R:49, G:85, B:102 and CMYK values of C:0.52, M:0.17, Y:0, K:0.6. Its decimal value is 3233126.

Hex triplet	315566	`#315566`
RGB Decimal	49, 85, 102	`rgb(49,85,102)`
RGB Percent	19.2, 33.3, 40	`rgb(19.2%,33.3%,40%)`
CMYK	52, 17, 0, 60
HSL	199.2°, 35.1, 29.6	`hsl(199.2,35.1%,29.6%)`
HSV (or HSB)	199.2°, 52, 40
Web Safe	336666	`#336666`

CIE-LAB	34.209, -7.707, -13.824
XYZ	6.913, 8.109, 13.771
xyY	0.24, 0.282, 8.109
CIE-LCH	34.209, 15.827, 240.86
CIE-LUV	34.209, -15.587, -17.203
Hunter-Lab	28.476, -6.501, -8.738
Binary	00110001, 01010101, 01100110

#315566
```
#315566 rgb(49,85,102)
```
#664231
```
#664231 rgb(102,66,49)
```

Complementary Color

#31665d
```
#31665d rgb(49,102,93)
```
#315566
```
#315566 rgb(49,85,102)
```
#313b66
```
#313b66 rgb(49,59,102)
```

Analogous Color

#665d31
```
#665d31 rgb(102,93,49)
```
#315566
```
#315566 rgb(49,85,102)
```
#66313b
```
#66313b rgb(102,49,59)
```

Split Complementary Color

#556631
```
#556631 rgb(85,102,49)
```
#315566
```
#315566 rgb(49,85,102)
```
#663155
```
#663155 rgb(102,49,85)
```

Triadic Color

#316642
```
#316642 rgb(49,102,66)
```
#315566
```
#315566 rgb(49,85,102)
```
#663155
```
#663155 rgb(102,49,85)
```
#664231
```
#664231 rgb(102,66,49)
```

Tetradic Color

#182a32
```
#182a32 rgb(24,42,50)
```
#203844
```
#203844 rgb(32,56,68)
```
#294755
```
#294755 rgb(41,71,85)
```
#315566
```
#315566 rgb(49,85,102)
```
#396377
```
#396377 rgb(57,99,119)
```
#427288
```
#427288 rgb(66,114,136)
```
#4a809a
```
#4a809a rgb(74,128,154)
```

Monochromatic Color

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

#316266
```
#316266 rgb(49,98,102)
```
#315e66
```
#315e66 rgb(49,94,102)
```
#315966
```
#315966 rgb(49,89,102)
```
#315566
```
#315566 rgb(49,85,102)
```
#315166
```
#315166 rgb(49,81,102)
```
#314c66
```
#314c66 rgb(49,76,102)
```
#314866
```
#314866 rgb(49,72,102)
```

Similar Colors

Text with hexadecimal color #315566

This text has a font color of #315566.

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

#315566 background color

This paragraph has a background color of #315566.

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

#315566 border color

This element has a border color of #315566.

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

CSS codes

.text {color:#315566;}

.background {background-color:#315566;}

.border {border:1px solid #315566;}

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

#040809
```
#040809 rgb(4,8,9)
```
#0b1316
```
#0b1316 rgb(11,19,22)
```
#111e24
```
#111e24 rgb(17,30,36)
```
#182931
```
#182931 rgb(24,41,49)
```
#1e343e
```
#1e343e rgb(30,52,62)
```
#243f4b
```
#243f4b rgb(36,63,75)
```
#2b4a59
```
#2b4a59 rgb(43,74,89)
```
#315566
```
#315566 rgb(49,85,102)
```
#376073
```
#376073 rgb(55,96,115)
```
#3e6b81
```
#3e6b81 rgb(62,107,129)
```
#44768e
```
#44768e rgb(68,118,142)
```
#4a819b
```
#4a819b rgb(74,129,155)
```
#518ca8
```
#518ca8 rgb(81,140,168)
```

Shade Color Variation

#5c96b1
```
#5c96b1 rgb(92,150,177)
```
#699eb7
```
#699eb7 rgb(105,158,183)
```
#76a7bd
```
#76a7bd rgb(118,167,189)
```
#84afc4
```
#84afc4 rgb(132,175,196)
```
#91b8ca
```
#91b8ca rgb(145,184,202)
```
#9ec0d1
```
#9ec0d1 rgb(158,192,209)
```
#abc9d7
```
#abc9d7 rgb(171,201,215)
```
#b9d2dd
```
#b9d2dd rgb(185,210,221)
```
#c6dae4
```
#c6dae4 rgb(198,218,228)
```
#d3e3ea
```
#d3e3ea rgb(211,227,234)
```
#e0ebf0
```
#e0ebf0 rgb(224,235,240)
```
#eef4f7
```
#eef4f7 rgb(238,244,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484d4f is the less saturated color, while #036694 is the most saturated one.

#484d4f
```
#484d4f rgb(72,77,79)
```
#424f55
```
#424f55 rgb(66,79,85)
```
#3d515a
```
#3d515a rgb(61,81,90)
```
#375360
```
#375360 rgb(55,83,96)
```
#315566
```
#315566 rgb(49,85,102)
```
#2b576c
```
#2b576c rgb(43,87,108)
```
#255972
```
#255972 rgb(37,89,114)
```
#205b77
```
#205b77 rgb(32,91,119)
```
#1a5d7d
```
#1a5d7d rgb(26,93,125)
```
#145f83
```
#145f83 rgb(20,95,131)
```
#0e6189
```
#0e6189 rgb(14,97,137)
```
#08648f
```
#08648f rgb(8,100,143)
```
#036694
```
#036694 rgb(3,102,148)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474e51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#55586a Protanopia 1% of men
#555870 Deuteranopia 1% of men
#385f66 Tritanopia 0.001% of the population

Trichromacy

#485769 Protanomaly 1% of men, 0.01% of women
#48566c Deuteranomaly 6% of men, 0.4% of women
#355b66 Tritanomaly 0.01% of the population

#315566 hex color

#315566 Color Information

#315566 Color Conversion

Color Schemes with #315566

Alternatives to #315566

#315566 Preview

Shades and Tints of #315566

Tones of #315566

Color Blindness Simulator