#315666 hex color

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

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

● #315666 color description : Very dark desaturated blue.

The hexadecimal color #315666 has RGB values of R:49, G:86, B:102 and CMYK values of C:0.52, M:0.16, Y:0, K:0.6. Its decimal value is 3233382.

Hex triplet	315666	`#315666`
RGB Decimal	49, 86, 102	`rgb(49,86,102)`
RGB Percent	19.2, 33.7, 40	`rgb(19.2%,33.7%,40%)`
CMYK	52, 16, 0, 60
HSL	198.1°, 35.1, 29.6	`hsl(198.1,35.1%,29.6%)`
HSV (or HSB)	198.1°, 52, 40
Web Safe	336666	`#336666`

CIE-LAB	34.534, -8.314, -13.328
XYZ	6.992, 8.267, 13.797
xyY	0.241, 0.285, 8.267
CIE-LCH	34.534, 15.708, 238.044
CIE-LUV	34.534, -15.985, -16.489
Hunter-Lab	28.753, -6.911, -8.323
Binary	00110001, 01010110, 01100110

#315666
```
#315666 rgb(49,86,102)
```
#664131
```
#664131 rgb(102,65,49)
```

Complementary Color

#31665c
```
#31665c rgb(49,102,92)
```
#315666
```
#315666 rgb(49,86,102)
```
#313c66
```
#313c66 rgb(49,60,102)
```

Analogous Color

#665c31
```
#665c31 rgb(102,92,49)
```
#315666
```
#315666 rgb(49,86,102)
```
#66313c
```
#66313c rgb(102,49,60)
```

Split Complementary Color

#566631
```
#566631 rgb(86,102,49)
```
#315666
```
#315666 rgb(49,86,102)
```
#663156
```
#663156 rgb(102,49,86)
```

Triadic Color

#316641
```
#316641 rgb(49,102,65)
```
#315666
```
#315666 rgb(49,86,102)
```
#663156
```
#663156 rgb(102,49,86)
```
#664131
```
#664131 rgb(102,65,49)
```

Tetradic Color

#182a32
```
#182a32 rgb(24,42,50)
```
#203944
```
#203944 rgb(32,57,68)
```
#294755
```
#294755 rgb(41,71,85)
```
#315666
```
#315666 rgb(49,86,102)
```
#396577
```
#396577 rgb(57,101,119)
```
#427388
```
#427388 rgb(66,115,136)
```
#4a829a
```
#4a829a rgb(74,130,154)
```

Monochromatic Color

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

#316366
```
#316366 rgb(49,99,102)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#315a66
```
#315a66 rgb(49,90,102)
```
#315666
```
#315666 rgb(49,86,102)
```
#315266
```
#315266 rgb(49,82,102)
```
#314d66
```
#314d66 rgb(49,77,102)
```
#314966
```
#314966 rgb(49,73,102)
```

Similar Colors

Text with hexadecimal color #315666

This text has a font color of #315666.

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

#315666 background color

This paragraph has a background color of #315666.

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

#315666 border color

This element has a border color of #315666.

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

CSS codes

.text {color:#315666;}

.background {background-color:#315666;}

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

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)
```
#24404b
```
#24404b rgb(36,64,75)
```
#2b4b59
```
#2b4b59 rgb(43,75,89)
```
#315666
```
#315666 rgb(49,86,102)
```
#376173
```
#376173 rgb(55,97,115)
```
#3e6c81
```
#3e6c81 rgb(62,108,129)
```
#44788e
```
#44788e rgb(68,120,142)
```
#4a839b
```
#4a839b rgb(74,131,155)
```
#518ea8
```
#518ea8 rgb(81,142,168)
```

Shade Color Variation

#5c97b1
```
#5c97b1 rgb(92,151,177)
```
#69a0b7
```
#69a0b7 rgb(105,160,183)
```
#76a8bd
```
#76a8bd rgb(118,168,189)
```
#84b0c4
```
#84b0c4 rgb(132,176,196)
```
#91b9ca
```
#91b9ca rgb(145,185,202)
```
#9ec1d1
```
#9ec1d1 rgb(158,193,209)
```
#abcad7
```
#abcad7 rgb(171,202,215)
```
#b9d2dd
```
#b9d2dd rgb(185,210,221)
```
#c6dbe4
```
#c6dbe4 rgb(198,219,228)
```
#d3e3ea
```
#d3e3ea rgb(211,227,234)
```
#e0ecf0
```
#e0ecf0 rgb(224,236,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 #036894 is the most saturated one.

#484d4f
```
#484d4f rgb(72,77,79)
```
#424f55
```
#424f55 rgb(66,79,85)
```
#3d515a
```
#3d515a rgb(61,81,90)
```
#375460
```
#375460 rgb(55,84,96)
```
#315666
```
#315666 rgb(49,86,102)
```
#2b586c
```
#2b586c rgb(43,88,108)
```
#255b72
```
#255b72 rgb(37,91,114)
```
#205d77
```
#205d77 rgb(32,93,119)
```
#1a5f7d
```
#1a5f7d rgb(26,95,125)
```
#146283
```
#146283 rgb(20,98,131)
```
#0e6489
```
#0e6489 rgb(14,100,137)
```
#08668f
```
#08668f rgb(8,102,143)
```
#036894
```
#036894 rgb(3,104,148)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#56596a Protanopia 1% of men
#565870 Deuteranopia 1% of men
#386067 Tritanopia 0.001% of the population

Trichromacy

#485868 Protanomaly 1% of men, 0.01% of women
#48576c Deuteranomaly 6% of men, 0.4% of women
#365c66 Tritanomaly 0.01% of the population

#315666 hex color

#315666 Color Information

#315666 Color Conversion

Color Schemes with #315666

Alternatives to #315666

#315666 Preview

Shades and Tints of #315666

Tones of #315666

Color Blindness Simulator