#395f6e hex color

In a RGB color space, hex #395f6e is composed of 22.4% red, 37.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 13.6% magenta, 0% yellow and 56.9% black. It has a hue angle of 197 degrees, a saturation of 31.7% and a lightness of 32.7%. #395f6e color hex could be obtained by blending #72bedc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 37
- B 43
RGB color chart
- C 48
- M 14
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #395f6e has RGB values of R:57, G:95, B:110 and CMYK values of C:0.48, M:0.14, Y:0, K:0.57. Its decimal value is 3759982.

Hex triplet	395f6e	`#395f6e`
RGB Decimal	57, 95, 110	`rgb(57,95,110)`
RGB Percent	22.4, 37.3, 43.1	`rgb(22.4%,37.3%,43.1%)`
CMYK	48, 14, 0, 57
HSL	197°, 31.7, 32.7	`hsl(197,31.7%,32.7%)`
HSV (or HSB)	197°, 48.2, 43.1
Web Safe	336666	`#336666`

CIE-LAB	38.163, -9.049, -12.731
XYZ	8.593, 10.18, 16.263
xyY	0.245, 0.291, 10.18
CIE-LCH	38.163, 15.619, 234.594
CIE-LUV	38.163, -16.976, -15.988
Hunter-Lab	31.905, -7.758, -7.888
Binary	00111001, 01011111, 01101110

#395f6e
```
#395f6e rgb(57,95,110)
```
#6e4839
```
#6e4839 rgb(110,72,57)
```

Complementary Color

#396e63
```
#396e63 rgb(57,110,99)
```
#395f6e
```
#395f6e rgb(57,95,110)
```
#39456e
```
#39456e rgb(57,69,110)
```

Analogous Color

#6e6339
```
#6e6339 rgb(110,99,57)
```
#395f6e
```
#395f6e rgb(57,95,110)
```
#6e3945
```
#6e3945 rgb(110,57,69)
```

Split Complementary Color

#5f6e39
```
#5f6e39 rgb(95,110,57)
```
#395f6e
```
#395f6e rgb(57,95,110)
```
#6e395f
```
#6e395f rgb(110,57,95)
```

Triadic Color

#396e48
```
#396e48 rgb(57,110,72)
```
#395f6e
```
#395f6e rgb(57,95,110)
```
#6e395f
```
#6e395f rgb(110,57,95)
```
#6e4839
```
#6e4839 rgb(110,72,57)
```

Tetradic Color

#1f333c
```
#1f333c rgb(31,51,60)
```
#28424c
```
#28424c rgb(40,66,76)
```
#30505d
```
#30505d rgb(48,80,93)
```
#395f6e
```
#395f6e rgb(57,95,110)
```
#426e7f
```
#426e7f rgb(66,110,127)
```
#4a7c90
```
#4a7c90 rgb(74,124,144)
```
#538ba0
```
#538ba0 rgb(83,139,160)
```

Monochromatic Color

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

#396c6e
```
#396c6e rgb(57,108,110)
```
#39686e
```
#39686e rgb(57,104,110)
```
#39636e
```
#39636e rgb(57,99,110)
```
#395f6e
```
#395f6e rgb(57,95,110)
```
#395b6e
```
#395b6e rgb(57,91,110)
```
#39566e
```
#39566e rgb(57,86,110)
```
#39526e
```
#39526e rgb(57,82,110)
```

Similar Colors

Text with hexadecimal color #395f6e

This text has a font color of #395f6e.

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

#395f6e background color

This paragraph has a background color of #395f6e.

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

#395f6e border color

This element has a border color of #395f6e.

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

CSS codes

.text {color:#395f6e;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1114
```
#0a1114 rgb(10,17,20)
```
#111c20
```
#111c20 rgb(17,28,32)
```
#18272d
```
#18272d rgb(24,39,45)
```
#1e323a
```
#1e323a rgb(30,50,58)
```
#253e47
```
#253e47 rgb(37,62,71)
```
#2c4954
```
#2c4954 rgb(44,73,84)
```
#325461
```
#325461 rgb(50,84,97)
```
#395f6e
```
#395f6e rgb(57,95,110)
```
#406a7b
```
#406a7b rgb(64,106,123)
```
#467588
```
#467588 rgb(70,117,136)
```
#4d8095
```
#4d8095 rgb(77,128,149)
```
#548ca2
```
#548ca2 rgb(84,140,162)
```

Shade Color Variation

#5e95ab
```
#5e95ab rgb(94,149,171)
```
#6b9eb2
```
#6b9eb2 rgb(107,158,178)
```
#78a6b9
```
#78a6b9 rgb(120,166,185)
```
#84afbf
```
#84afbf rgb(132,175,191)
```
#91b7c6
```
#91b7c6 rgb(145,183,198)
```
#9ec0cd
```
#9ec0cd rgb(158,192,205)
```
#abc8d4
```
#abc8d4 rgb(171,200,212)
```
#b8d1da
```
#b8d1da rgb(184,209,218)
```
#c5d9e1
```
#c5d9e1 rgb(197,217,225)
```
#d2e2e8
```
#d2e2e8 rgb(210,226,232)
```
#dfeaee
```
#dfeaee rgb(223,234,238)
```
#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, #535454 is the less saturated color, while #0675a1 is the most saturated one.

#535454
```
#535454 rgb(83,84,84)
```
#4c575b
```
#4c575b rgb(76,87,91)
```
#465961
```
#465961 rgb(70,89,97)
```
#3f5c68
```
#3f5c68 rgb(63,92,104)
```
#395f6e
```
#395f6e rgb(57,95,110)
```
#336274
```
#336274 rgb(51,98,116)
```
#2c657b
```
#2c657b rgb(44,101,123)
```
#266781
```
#266781 rgb(38,103,129)
```
#1f6a88
```
#1f6a88 rgb(31,106,136)
```
#196d8e
```
#196d8e rgb(25,109,142)
```
#127095
```
#127095 rgb(18,112,149)
```
#0c739b
```
#0c739b rgb(12,115,155)
```
#0675a1
```
#0675a1 rgb(6,117,161)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4f575a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6172 Protanopia 1% of men
#5f6078 Deuteranopia 1% of men
#41686f Tritanopia 0.001% of the population

Trichromacy

#516070 Protanomaly 1% of men, 0.01% of women
#516074 Deuteranomaly 6% of men, 0.4% of women
#3e646f Tritanomaly 0.01% of the population

#395f6e hex color

#395f6e Color Information

#395f6e Color Conversion

Color Schemes with #395f6e

Alternatives to #395f6e

#395f6e Preview

Shades and Tints of #395f6e

Tones of #395f6e

Color Blindness Simulator