colorhexa.com

#395d51 hex color

In a RGB color space, hex #395d51 is composed of 22.4% red, 36.5% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 0% magenta, 12.9% yellow and 63.5% black. It has a hue angle of 160 degrees, a saturation of 24% and a lightness of 29.4%. #395d51 color hex could be obtained by blending #72baa2 with #000000. Closest websafe color is: #336666.

- R 22
- G 36
- B 32
RGB color chart
- C 39
- M 0
- Y 13
- K 64
CMYK color chart

● #395d51 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #395d51 has RGB values of R:57, G:93, B:81 and CMYK values of C:0.39, M:0, Y:0.13, K:0.64. Its decimal value is 3759441.

Hex triplet	395d51	`#395d51`
RGB Decimal	57, 93, 81	`rgb(57,93,81)`
RGB Percent	22.4, 36.5, 31.8	`rgb(22.4%,36.5%,31.8%)`
CMYK	39, 0, 13, 64
HSL	160°, 24, 29.4	`hsl(160,24%,29.4%)`
HSV (or HSB)	160°, 38.7, 36.5
Web Safe	336666	`#336666`

CIE-LAB	36.541, -16.027, 2.812
XYZ	7.086, 9.292, 9.204
xyY	0.277, 0.363, 9.292
CIE-LCH	36.541, 16.272, 170.047
CIE-LUV	36.541, -16.631, 5.733
Hunter-Lab	30.483, -11.85, 3.436
Binary	00111001, 01011101, 01010001

#395d51
```
#395d51 rgb(57,93,81)
```
#5d3945
```
#5d3945 rgb(93,57,69)
```

Complementary Color

#395d3f
```
#395d3f rgb(57,93,63)
```
#395d51
```
#395d51 rgb(57,93,81)
```
#39575d
```
#39575d rgb(57,87,93)
```

Analogous Color

#5d3f39
```
#5d3f39 rgb(93,63,57)
```
#395d51
```
#395d51 rgb(57,93,81)
```
#5d3957
```
#5d3957 rgb(93,57,87)
```

Split Complementary Color

#1c2e28
```
#1c2e28 rgb(28,46,40)
```
#263d35
```
#263d35 rgb(38,61,53)
```
#2f4d43
```
#2f4d43 rgb(47,77,67)
```
#395d51
```
#395d51 rgb(57,93,81)
```
#436d5f
```
#436d5f rgb(67,109,95)
```
#4c7d6d
```
#4c7d6d rgb(76,125,109)
```
#568c7a
```
#568c7a rgb(86,140,122)
```

Monochromatic Color

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

#395d48
```
#395d48 rgb(57,93,72)
```
#395d4b
```
#395d4b rgb(57,93,75)
```
#395d4e
```
#395d4e rgb(57,93,78)
```
#395d51
```
#395d51 rgb(57,93,81)
```
#395d54
```
#395d54 rgb(57,93,84)
```
#395d57
```
#395d57 rgb(57,93,87)
```
#395d5a
```
#395d5a rgb(57,93,90)
```

Similar Colors

Text with hexadecimal color #395d51

This text has a font color of #395d51.

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

#395d51 background color

This paragraph has a background color of #395d51.

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

#395d51 border color

This element has a border color of #395d51.

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

CSS codes

.text {color:#395d51;}

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

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

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

#050807
```
#050807 rgb(5,8,7)
```
#0c1411
```
#0c1411 rgb(12,20,17)
```
#14201c
```
#14201c rgb(20,32,28)
```
#1b2c27
```
#1b2c27 rgb(27,44,39)
```
#233931
```
#233931 rgb(35,57,49)
```
#2a453c
```
#2a453c rgb(42,69,60)
```
#325146
```
#325146 rgb(50,81,70)
```
#395d51
```
#395d51 rgb(57,93,81)
```
#40695c
```
#40695c rgb(64,105,92)
```
#487566
```
#487566 rgb(72,117,102)
```
#4f8171
```
#4f8171 rgb(79,129,113)
```
#578e7b
```
#578e7b rgb(87,142,123)
```
#5e9a86
```
#5e9a86 rgb(94,154,134)
```

Shade Color Variation

#69a390
```
#69a390 rgb(105,163,144)
```
#75aa99
```
#75aa99 rgb(117,170,153)
```
#81b2a2
```
#81b2a2 rgb(129,178,162)
```
#8db9ab
```
#8db9ab rgb(141,185,171)
```
#99c1b4
```
#99c1b4 rgb(153,193,180)
```
#a6c8bd
```
#a6c8bd rgb(166,200,189)
```
#b2d0c6
```
#b2d0c6 rgb(178,208,198)
```
#bed7cf
```
#bed7cf rgb(190,215,207)
```
#cadfd8
```
#cadfd8 rgb(202,223,216)
```
#d6e6e1
```
#d6e6e1 rgb(214,230,225)
```
#e2edea
```
#e2edea rgb(226,237,234)
```
#eff5f3
```
#eff5f3 rgb(239,245,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#4a4c4b
```
#4a4c4b rgb(74,76,75)
```
#45514d
```
#45514d rgb(69,81,77)
```
#3f574f
```
#3f574f rgb(63,87,79)
```
#395d51
```
#395d51 rgb(57,93,81)
```
#336353
```
#336353 rgb(51,99,83)
```
#2d6955
```
#2d6955 rgb(45,105,85)
```
#286e57
```
#286e57 rgb(40,110,87)
```
#227459
```
#227459 rgb(34,116,89)
```
#1c7a5b
```
#1c7a5b rgb(28,122,91)
```
#16805d
```
#16805d rgb(22,128,93)
```
#11855e
```
#11855e rgb(17,133,94)
```
#0b8b60
```
#0b8b60 rgb(11,139,96)
```
#059162
```
#059162 rgb(5,145,98)
```

Tone Color Variation

Below, you can see how #395d51 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
#4c5351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625e56 Protanopia 1% of men
#685b5d Deuteranopia 1% of men
#47636a Tritanopia 0.001% of the population

Trichromacy

#535d54 Protanomaly 1% of men, 0.01% of women
#565c58 Deuteranomaly 6% of men, 0.4% of women
#426061 Tritanomaly 0.01% of the population