#395a6f hex color

In a RGB color space, hex #395a6f is composed of 22.4% red, 35.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 18.9% magenta, 0% yellow and 56.5% black. It has a hue angle of 203.3 degrees, a saturation of 32.1% and a lightness of 32.9%. #395a6f color hex could be obtained by blending #72b4de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 35
- B 44
RGB color chart
- C 49
- M 19
- Y 0
- K 56
CMYK color chart

● #395a6f color description : Very dark desaturated blue.

The hexadecimal color #395a6f has RGB values of R:57, G:90, B:111 and CMYK values of C:0.49, M:0.19, Y:0, K:0.56. Its decimal value is 3758703.

Hex triplet	395a6f	`#395a6f`
RGB Decimal	57, 90, 111	`rgb(57,90,111)`
RGB Percent	22.4, 35.3, 43.5	`rgb(22.4%,35.3%,43.5%)`
CMYK	49, 19, 0, 56
HSL	203.3°, 32.1, 32.9	`hsl(203.3,32.1%,32.9%)`
HSV (or HSB)	203.3°, 48.6, 43.5
Web Safe	336666	`#336666`

CIE-LAB	36.611, -5.73, -15.717
XYZ	8.212, 9.329, 16.406
xyY	0.242, 0.275, 9.329
CIE-LCH	36.611, 16.729, 249.97
CIE-LUV	36.611, -14.95, -20.428
Hunter-Lab	30.544, -5.461, -10.465
Binary	00111001, 01011010, 01101111

#395a6f
```
#395a6f rgb(57,90,111)
```
#6f4e39
```
#6f4e39 rgb(111,78,57)
```

Complementary Color

#396f69
```
#396f69 rgb(57,111,105)
```
#395a6f
```
#395a6f rgb(57,90,111)
```
#393f6f
```
#393f6f rgb(57,63,111)
```

Analogous Color

#6f6939
```
#6f6939 rgb(111,105,57)
```
#395a6f
```
#395a6f rgb(57,90,111)
```
#6f393f
```
#6f393f rgb(111,57,63)
```

Split Complementary Color

#5a6f39
```
#5a6f39 rgb(90,111,57)
```
#395a6f
```
#395a6f rgb(57,90,111)
```
#6f395a
```
#6f395a rgb(111,57,90)
```

Triadic Color

#396f4e
```
#396f4e rgb(57,111,78)
```
#395a6f
```
#395a6f rgb(57,90,111)
```
#6f395a
```
#6f395a rgb(111,57,90)
```
#6f4e39
```
#6f4e39 rgb(111,78,57)
```

Tetradic Color

#1f313c
```
#1f313c rgb(31,49,60)
```
#283f4d
```
#283f4d rgb(40,63,77)
```
#304c5e
```
#304c5e rgb(48,76,94)
```
#395a6f
```
#395a6f rgb(57,90,111)
```
#426880
```
#426880 rgb(66,104,128)
```
#4a7591
```
#4a7591 rgb(74,117,145)
```
#5383a2
```
#5383a2 rgb(83,131,162)
```

Monochromatic Color

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

#39686f
```
#39686f rgb(57,104,111)
```
#39636f
```
#39636f rgb(57,99,111)
```
#395f6f
```
#395f6f rgb(57,95,111)
```
#395a6f
```
#395a6f rgb(57,90,111)
```
#39566f
```
#39566f rgb(57,86,111)
```
#39516f
```
#39516f rgb(57,81,111)
```
#394d6f
```
#394d6f rgb(57,77,111)
```

Similar Colors

Text with hexadecimal color #395a6f

This text has a font color of #395a6f.

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

#395a6f background color

This paragraph has a background color of #395a6f.

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

#395a6f border color

This element has a border color of #395a6f.

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

CSS codes

.text {color:#395a6f;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0a1014
```
#0a1014 rgb(10,16,20)
```
#111b21
```
#111b21 rgb(17,27,33)
```
#18252e
```
#18252e rgb(24,37,46)
```
#1e303b
```
#1e303b rgb(30,48,59)
```
#253a48
```
#253a48 rgb(37,58,72)
```
#2c4555
```
#2c4555 rgb(44,69,85)
```
#324f62
```
#324f62 rgb(50,79,98)
```
#395a6f
```
#395a6f rgb(57,90,111)
```
#40657c
```
#40657c rgb(64,101,124)
```
#466f89
```
#466f89 rgb(70,111,137)
```
#4d7a96
```
#4d7a96 rgb(77,122,150)
```
#5484a3
```
#5484a3 rgb(84,132,163)
```

Shade Color Variation

#5e8eac
```
#5e8eac rgb(94,142,172)
```
#6b97b3
```
#6b97b3 rgb(107,151,179)
```
#78a0ba
```
#78a0ba rgb(120,160,186)
```
#85a9c0
```
#85a9c0 rgb(133,169,192)
```
#92b2c7
```
#92b2c7 rgb(146,178,199)
```
#9fbbce
```
#9fbbce rgb(159,187,206)
```
#acc4d4
```
#acc4d4 rgb(172,196,212)
```
#b9cedb
```
#b9cedb rgb(185,206,219)
```
#c6d7e1
```
#c6d7e1 rgb(198,215,225)
```
#d2e0e8
```
#d2e0e8 rgb(210,224,232)
```
#dfe9ef
```
#dfe9ef rgb(223,233,239)
```
#ecf2f5
```
#ecf2f5 rgb(236,242,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#535455
```
#535455 rgb(83,84,85)
```
#4c565c
```
#4c565c rgb(76,86,92)
```
#465762
```
#465762 rgb(70,87,98)
```
#3f5969
```
#3f5969 rgb(63,89,105)
```
#395a6f
```
#395a6f rgb(57,90,111)
```
#335b75
```
#335b75 rgb(51,91,117)
```
#2c5d7c
```
#2c5d7c rgb(44,93,124)
```
#265e82
```
#265e82 rgb(38,94,130)
```
#1f6089
```
#1f6089 rgb(31,96,137)
```
#19618f
```
#19618f rgb(25,97,143)
```
#126396
```
#126396 rgb(18,99,150)
```
#0c649c
```
#0c649c rgb(12,100,156)
```
#0565a3
```
#0565a3 rgb(5,101,163)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4e5459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595e73 Protanopia 1% of men
#595d78 Deuteranopia 1% of men
#3f646b Tritanopia 0.001% of the population

Trichromacy

#4d5c71 Protanomaly 1% of men, 0.01% of women
#4d5c74 Deuteranomaly 6% of men, 0.4% of women
#3c606d Tritanomaly 0.01% of the population

#395a6f hex color

#395a6f Color Information

#395a6f Color Conversion

Color Schemes with #395a6f

Alternatives to #395a6f

#395a6f Preview

Shades and Tints of #395a6f

Tones of #395a6f

Color Blindness Simulator