#395a60 hex color

In a RGB color space, hex #395a60 is composed of 22.4% red, 35.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 6.2% magenta, 0% yellow and 62.4% black. It has a hue angle of 189.2 degrees, a saturation of 25.5% and a lightness of 30%. #395a60 color hex could be obtained by blending #72b4c0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 35
- B 38
RGB color chart
- C 41
- M 6
- Y 0
- K 62
CMYK color chart

● #395a60 color description : Very dark desaturated cyan.

The hexadecimal color #395a60 has RGB values of R:57, G:90, B:96 and CMYK values of C:0.41, M:0.06, Y:0, K:0.62. Its decimal value is 3758688.

Hex triplet	395a60	`#395a60`
RGB Decimal	57, 90, 96	`rgb(57,90,96)`
RGB Percent	22.4, 35.3, 37.6	`rgb(22.4%,35.3%,37.6%)`
CMYK	41, 6, 0, 62
HSL	189.2°, 25.5, 30	`hsl(189.2,25.5%,30%)`
HSV (or HSB)	189.2°, 40.6, 37.6
Web Safe	336666	`#336666`

CIE-LAB	36.035, -10.266, -7.267
XYZ	7.454, 9.026, 12.415
xyY	0.258, 0.312, 9.026
CIE-LCH	36.035, 12.578, 215.294
CIE-LUV	36.035, -15.12, -8.084
Hunter-Lab	30.044, -8.289, -3.47
Binary	00111001, 01011010, 01100000

#395a60
```
#395a60 rgb(57,90,96)
```
#603f39
```
#603f39 rgb(96,63,57)
```

Complementary Color

#396053
```
#396053 rgb(57,96,83)
```
#395a60
```
#395a60 rgb(57,90,96)
```
#394760
```
#394760 rgb(57,71,96)
```

Analogous Color

#605339
```
#605339 rgb(96,83,57)
```
#395a60
```
#395a60 rgb(57,90,96)
```
#603947
```
#603947 rgb(96,57,71)
```

Split Complementary Color

#5a6039
```
#5a6039 rgb(90,96,57)
```
#395a60
```
#395a60 rgb(57,90,96)
```
#60395a
```
#60395a rgb(96,57,90)
```

Triadic Color

#39603f
```
#39603f rgb(57,96,63)
```
#395a60
```
#395a60 rgb(57,90,96)
```
#60395a
```
#60395a rgb(96,57,90)
```
#603f39
```
#603f39 rgb(96,63,57)
```

Tetradic Color

#1d2d30
```
#1d2d30 rgb(29,45,48)
```
#263c40
```
#263c40 rgb(38,60,64)
```
#304b50
```
#304b50 rgb(48,75,80)
```
#395a60
```
#395a60 rgb(57,90,96)
```
#436970
```
#436970 rgb(67,105,112)
```
#4c7880
```
#4c7880 rgb(76,120,128)
```
#568790
```
#568790 rgb(86,135,144)
```

Monochromatic Color

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

#39605c
```
#39605c rgb(57,96,92)
```
#396060
```
#396060 rgb(57,96,96)
```
#395d60
```
#395d60 rgb(57,93,96)
```
#395a60
```
#395a60 rgb(57,90,96)
```
#395760
```
#395760 rgb(57,87,96)
```
#395460
```
#395460 rgb(57,84,96)
```
#395060
```
#395060 rgb(57,80,96)
```

Similar Colors

Text with hexadecimal color #395a60

This text has a font color of #395a60.

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

#395a60 background color

This paragraph has a background color of #395a60.

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

#395a60 border color

This element has a border color of #395a60.

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

CSS codes

.text {color:#395a60;}

.background {background-color:#395a60;}

.border {border:1px solid #395a60;}

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, #06090a is the darkest color, while #fdfdfe is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0d1516
```
#0d1516 rgb(13,21,22)
```
#142022
```
#142022 rgb(20,32,34)
```
#1c2c2f
```
#1c2c2f rgb(28,44,47)
```
#23373b
```
#23373b rgb(35,55,59)
```
#2a4347
```
#2a4347 rgb(42,67,71)
```
#324e54
```
#324e54 rgb(50,78,84)
```
#395a60
```
#395a60 rgb(57,90,96)
```
#40666c
```
#40666c rgb(64,102,108)
```
#487179
```
#487179 rgb(72,113,121)
```
#4f7d85
```
#4f7d85 rgb(79,125,133)
```
#568891
```
#568891 rgb(86,136,145)
```
#5e949e
```
#5e949e rgb(94,148,158)
```

Shade Color Variation

#699ca6
```
#699ca6 rgb(105,156,166)
```
#75a5ad
```
#75a5ad rgb(117,165,173)
```
#81adb4
```
#81adb4 rgb(129,173,180)
```
#8eb5bc
```
#8eb5bc rgb(142,181,188)
```
#9abdc3
```
#9abdc3 rgb(154,189,195)
```
#a6c5ca
```
#a6c5ca rgb(166,197,202)
```
#b3cdd2
```
#b3cdd2 rgb(179,205,210)
```
#bfd5d9
```
#bfd5d9 rgb(191,213,217)
```
#cbdde0
```
#cbdde0 rgb(203,221,224)
```
#d8e5e8
```
#d8e5e8 rgb(216,229,232)
```
#e4edef
```
#e4edef rgb(228,237,239)
```
#f0f5f6
```
#f0f5f6 rgb(240,245,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b4e4e is the less saturated color, while #047f95 is the most saturated one.

#4b4e4e
```
#4b4e4e rgb(75,78,78)
```
#455254
```
#455254 rgb(69,82,84)
```
#3f565a
```
#3f565a rgb(63,86,90)
```
#395a60
```
#395a60 rgb(57,90,96)
```
#335e66
```
#335e66 rgb(51,94,102)
```
#2d626c
```
#2d626c rgb(45,98,108)
```
#276672
```
#276672 rgb(39,102,114)
```
#216a78
```
#216a78 rgb(33,106,120)
```
#1c6e7d
```
#1c6e7d rgb(28,110,125)
```
#167283
```
#167283 rgb(22,114,131)
```
#107789
```
#107789 rgb(16,119,137)
```
#0a7b8f
```
#0a7b8f rgb(10,123,143)
```
#047f95
```
#047f95 rgb(4,127,149)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4c5354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5d65 Protanopia 1% of men
#5f5b6a Deuteranopia 1% of men
#436269 Tritanopia 0.001% of the population

Trichromacy

#4f5b63 Protanomaly 1% of men, 0.01% of women
#515a66 Deuteranomaly 6% of men, 0.4% of women
#3f5f66 Tritanomaly 0.01% of the population

#395a60 hex color

#395a60 Color Information

#395a60 Color Conversion

Color Schemes with #395a60

Alternatives to #395a60

#395a60 Preview

Shades and Tints of #395a60

Tones of #395a60

Color Blindness Simulator