#315a66 hex color

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

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

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

The hexadecimal color #315a66 has RGB values of R:49, G:90, B:102 and CMYK values of C:0.52, M:0.12, Y:0, K:0.6. Its decimal value is 3234406.

Hex triplet	315a66	`#315a66`
RGB Decimal	49, 90, 102	`rgb(49,90,102)`
RGB Percent	19.2, 35.3, 40	`rgb(19.2%,35.3%,40%)`
CMYK	52, 12, 0, 60
HSL	193.6°, 35.1, 29.6	`hsl(193.6,35.1%,29.6%)`
HSV (or HSB)	193.6°, 52, 40
Web Safe	336666	`#336666`

CIE-LAB	35.838, -10.705, -11.344
XYZ	7.32, 8.924, 13.906
xyY	0.243, 0.296, 8.924
CIE-LCH	35.838, 15.598, 226.66
CIE-LUV	35.838, -17.585, -13.608
Hunter-Lab	29.873, -8.537, -6.689
Binary	00110001, 01011010, 01100110

#315a66
```
#315a66 rgb(49,90,102)
```
#663d31
```
#663d31 rgb(102,61,49)
```

Complementary Color

#316658
```
#316658 rgb(49,102,88)
```
#315a66
```
#315a66 rgb(49,90,102)
```
#314066
```
#314066 rgb(49,64,102)
```

Analogous Color

#665831
```
#665831 rgb(102,88,49)
```
#315a66
```
#315a66 rgb(49,90,102)
```
#663140
```
#663140 rgb(102,49,64)
```

Split Complementary Color

#5a6631
```
#5a6631 rgb(90,102,49)
```
#315a66
```
#315a66 rgb(49,90,102)
```
#66315a
```
#66315a rgb(102,49,90)
```

Triadic Color

#31663d
```
#31663d rgb(49,102,61)
```
#315a66
```
#315a66 rgb(49,90,102)
```
#66315a
```
#66315a rgb(102,49,90)
```
#663d31
```
#663d31 rgb(102,61,49)
```

Tetradic Color

#182c32
```
#182c32 rgb(24,44,50)
```
#203c44
```
#203c44 rgb(32,60,68)
```
#294b55
```
#294b55 rgb(41,75,85)
```
#315a66
```
#315a66 rgb(49,90,102)
```
#396977
```
#396977 rgb(57,105,119)
```
#427888
```
#427888 rgb(66,120,136)
```
#4a889a
```
#4a889a rgb(74,136,154)
```

Monochromatic Color

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

#316665
```
#316665 rgb(49,102,101)
```
#316366
```
#316366 rgb(49,99,102)
```
#315e66
```
#315e66 rgb(49,94,102)
```
#315a66
```
#315a66 rgb(49,90,102)
```
#315666
```
#315666 rgb(49,86,102)
```
#315166
```
#315166 rgb(49,81,102)
```
#314d66
```
#314d66 rgb(49,77,102)
```

Similar Colors

Text with hexadecimal color #315a66

This text has a font color of #315a66.

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

#315a66 background color

This paragraph has a background color of #315a66.

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

#315a66 border color

This element has a border color of #315a66.

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

CSS codes

.text {color:#315a66;}

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

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

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 #fbfdfd is the lightest one.

#040809
```
#040809 rgb(4,8,9)
```
#0b1416
```
#0b1416 rgb(11,20,22)
```
#112024
```
#112024 rgb(17,32,36)
```
#182b31
```
#182b31 rgb(24,43,49)
```
#1e373e
```
#1e373e rgb(30,55,62)
```
#24434b
```
#24434b rgb(36,67,75)
```
#2b4e59
```
#2b4e59 rgb(43,78,89)
```
#315a66
```
#315a66 rgb(49,90,102)
```
#376673
```
#376673 rgb(55,102,115)
```
#3e7181
```
#3e7181 rgb(62,113,129)
```
#447d8e
```
#447d8e rgb(68,125,142)
```
#4a899b
```
#4a899b rgb(74,137,155)
```
#5194a8
```
#5194a8 rgb(81,148,168)
```

Shade Color Variation

#5c9eb1
```
#5c9eb1 rgb(92,158,177)
```
#69a5b7
```
#69a5b7 rgb(105,165,183)
```
#76adbd
```
#76adbd rgb(118,173,189)
```
#84b5c4
```
#84b5c4 rgb(132,181,196)
```
#91bdca
```
#91bdca rgb(145,189,202)
```
#9ec5d1
```
#9ec5d1 rgb(158,197,209)
```
#abcdd7
```
#abcdd7 rgb(171,205,215)
```
#b9d5dd
```
#b9d5dd rgb(185,213,221)
```
#c6dde4
```
#c6dde4 rgb(198,221,228)
```
#d3e5ea
```
#d3e5ea rgb(211,229,234)
```
#e0edf0
```
#e0edf0 rgb(224,237,240)
```
#eef5f7
```
#eef5f7 rgb(238,245,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,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 #037394 is the most saturated one.

#484d4f
```
#484d4f rgb(72,77,79)
```
#425055
```
#425055 rgb(66,80,85)
```
#3d545a
```
#3d545a rgb(61,84,90)
```
#375760
```
#375760 rgb(55,87,96)
```
#315a66
```
#315a66 rgb(49,90,102)
```
#2b5d6c
```
#2b5d6c rgb(43,93,108)
```
#256072
```
#256072 rgb(37,96,114)
```
#206477
```
#206477 rgb(32,100,119)
```
#1a677d
```
#1a677d rgb(26,103,125)
```
#146a83
```
#146a83 rgb(20,106,131)
```
#0e6d89
```
#0e6d89 rgb(14,109,137)
```
#08708f
```
#08708f rgb(8,112,143)
```
#037394
```
#037394 rgb(3,115,148)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5c6a Protanopia 1% of men
#5b5b70 Deuteranopia 1% of men
#3a636a Tritanopia 0.001% of the population

Trichromacy

#4b5b68 Protanomaly 1% of men, 0.01% of women
#4b5a6c Deuteranomaly 6% of men, 0.4% of women
#365f68 Tritanomaly 0.01% of the population

#315a66 hex color

#315a66 Color Information

#315a66 Color Conversion

Color Schemes with #315a66

Alternatives to #315a66

#315a66 Preview

Shades and Tints of #315a66

Tones of #315a66

Color Blindness Simulator