#315f66 hex color

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

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

● #315f66 color description : Very dark desaturated cyan.

The hexadecimal color #315f66 has RGB values of R:49, G:95, B:102 and CMYK values of C:0.52, M:0.07, Y:0, K:0.6. Its decimal value is 3235686.

Hex triplet	315f66	`#315f66`
RGB Decimal	49, 95, 102	`rgb(49,95,102)`
RGB Percent	19.2, 37.3, 40	`rgb(19.2%,37.3%,40%)`
CMYK	52, 7, 0, 60
HSL	187.9°, 35.1, 29.6	`hsl(187.9,35.1%,29.6%)`
HSV (or HSB)	187.9°, 52, 40
Web Safe	336666	`#336666`

CIE-LAB	37.474, -13.616, -8.873
XYZ	7.756, 9.796, 14.052
xyY	0.245, 0.31, 9.796
CIE-LCH	37.474, 16.252, 213.09
CIE-LUV	37.474, -19.6, -9.969
Hunter-Lab	31.299, -10.537, -4.709
Binary	00110001, 01011111, 01100110

#315f66
```
#315f66 rgb(49,95,102)
```
#663831
```
#663831 rgb(102,56,49)
```

Complementary Color

#316653
```
#316653 rgb(49,102,83)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#314566
```
#314566 rgb(49,69,102)
```

Analogous Color

#665331
```
#665331 rgb(102,83,49)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#663145
```
#663145 rgb(102,49,69)
```

Split Complementary Color

#5f6631
```
#5f6631 rgb(95,102,49)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#66315f
```
#66315f rgb(102,49,95)
```

Triadic Color

#316638
```
#316638 rgb(49,102,56)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#66315f
```
#66315f rgb(102,49,95)
```
#663831
```
#663831 rgb(102,56,49)
```

Tetradic Color

#182f32
```
#182f32 rgb(24,47,50)
```
#203f44
```
#203f44 rgb(32,63,68)
```
#294f55
```
#294f55 rgb(41,79,85)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#396f77
```
#396f77 rgb(57,111,119)
```
#427f88
```
#427f88 rgb(66,127,136)
```
#4a8f9a
```
#4a8f9a rgb(74,143,154)
```

Monochromatic Color

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

#316660
```
#316660 rgb(49,102,96)
```
#316664
```
#316664 rgb(49,102,100)
```
#316366
```
#316366 rgb(49,99,102)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#315b66
```
#315b66 rgb(49,91,102)
```
#315666
```
#315666 rgb(49,86,102)
```
#315266
```
#315266 rgb(49,82,102)
```

Similar Colors

Text with hexadecimal color #315f66

This text has a font color of #315f66.

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

#315f66 background color

This paragraph has a background color of #315f66.

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

#315f66 border color

This element has a border color of #315f66.

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

CSS codes

.text {color:#315f66;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0b1516
```
#0b1516 rgb(11,21,22)
```
#112124
```
#112124 rgb(17,33,36)
```
#182e31
```
#182e31 rgb(24,46,49)
```
#1e3a3e
```
#1e3a3e rgb(30,58,62)
```
#24464b
```
#24464b rgb(36,70,75)
```
#2b5359
```
#2b5359 rgb(43,83,89)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#376b73
```
#376b73 rgb(55,107,115)
```
#3e7881
```
#3e7881 rgb(62,120,129)
```
#44848e
```
#44848e rgb(68,132,142)
```
#4a909b
```
#4a909b rgb(74,144,155)
```
#519da8
```
#519da8 rgb(81,157,168)
```

Shade Color Variation

#5ca6b1
```
#5ca6b1 rgb(92,166,177)
```
#69adb7
```
#69adb7 rgb(105,173,183)
```
#76b4bd
```
#76b4bd rgb(118,180,189)
```
#84bbc4
```
#84bbc4 rgb(132,187,196)
```
#91c3ca
```
#91c3ca rgb(145,195,202)
```
#9ecad1
```
#9ecad1 rgb(158,202,209)
```
#abd1d7
```
#abd1d7 rgb(171,209,215)
```
#b9d8dd
```
#b9d8dd rgb(185,216,221)
```
#c6e0e4
```
#c6e0e4 rgb(198,224,228)
```
#d3e7ea
```
#d3e7ea rgb(211,231,234)
```
#e0eef0
```
#e0eef0 rgb(224,238,240)
```
#eef6f7
```
#eef6f7 rgb(238,246,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#484e4f
```
#484e4f rgb(72,78,79)
```
#425255
```
#425255 rgb(66,82,85)
```
#3d565a
```
#3d565a rgb(61,86,90)
```
#375b60
```
#375b60 rgb(55,91,96)
```
#315f66
```
#315f66 rgb(49,95,102)
```
#2b636c
```
#2b636c rgb(43,99,108)
```
#256872
```
#256872 rgb(37,104,114)
```
#206c77
```
#206c77 rgb(32,108,119)
```
#1a707d
```
#1a707d rgb(26,112,125)
```
#147483
```
#147483 rgb(20,116,131)
```
#0e7989
```
#0e7989 rgb(14,121,137)
```
#087d8f
```
#087d8f rgb(8,125,143)
```
#038194
```
#038194 rgb(3,129,148)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6069 Protanopia 1% of men
#615e71 Deuteranopia 1% of men
#3c676e Tritanopia 0.001% of the population

Trichromacy

#4e5f68 Protanomaly 1% of men, 0.01% of women
#4f5e6d Deuteranomaly 6% of men, 0.4% of women
#38646b Tritanomaly 0.01% of the population

#315f66 hex color

#315f66 Color Information

#315f66 Color Conversion

Color Schemes with #315f66

Alternatives to #315f66

#315f66 Preview

Shades and Tints of #315f66

Tones of #315f66

Color Blindness Simulator