#395b74 hex color

In a RGB color space, hex #395b74 is composed of 22.4% red, 35.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 21.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 205.4 degrees, a saturation of 34.1% and a lightness of 33.9%. #395b74 color hex could be obtained by blending #72b6e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 36
- B 45
RGB color chart
- C 51
- M 22
- Y 0
- K 55
CMYK color chart

● #395b74 color description : Dark moderate blue.

The hexadecimal color #395b74 has RGB values of R:57, G:91, B:116 and CMYK values of C:0.51, M:0.22, Y:0, K:0.55. Its decimal value is 3758964.

Hex triplet	395b74	`#395b74`
RGB Decimal	57, 91, 116	`rgb(57,91,116)`
RGB Percent	22.4, 35.7, 45.5	`rgb(22.4%,35.7%,45.5%)`
CMYK	51, 22, 0, 55
HSL	205.4°, 34.1, 33.9	`hsl(205.4,34.1%,33.9%)`
HSV (or HSB)	205.4°, 50.9, 45.5
Web Safe	336666	`#336666`

CIE-LAB	37.138, -4.747, -17.997
XYZ	8.58, 9.613, 17.925
xyY	0.238, 0.266, 9.613
CIE-LCH	37.138, 18.612, 255.225
CIE-LUV	37.138, -15.293, -23.887
Hunter-Lab	31.004, -4.859, -12.576
Binary	00111001, 01011011, 01110100

#395b74
```
#395b74 rgb(57,91,116)
```
#745239
```
#745239 rgb(116,82,57)
```

Complementary Color

#397470
```
#397470 rgb(57,116,112)
```
#395b74
```
#395b74 rgb(57,91,116)
```
#393e74
```
#393e74 rgb(57,62,116)
```

Analogous Color

#747039
```
#747039 rgb(116,112,57)
```
#395b74
```
#395b74 rgb(57,91,116)
```
#74393e
```
#74393e rgb(116,57,62)
```

Split Complementary Color

#5b7439
```
#5b7439 rgb(91,116,57)
```
#395b74
```
#395b74 rgb(57,91,116)
```
#74395b
```
#74395b rgb(116,57,91)
```

Triadic Color

#397452
```
#397452 rgb(57,116,82)
```
#395b74
```
#395b74 rgb(57,91,116)
```
#74395b
```
#74395b rgb(116,57,91)
```
#745239
```
#745239 rgb(116,82,57)
```

Tetradic Color

#203341
```
#203341 rgb(32,51,65)
```
#284052
```
#284052 rgb(40,64,82)
```
#314e63
```
#314e63 rgb(49,78,99)
```
#395b74
```
#395b74 rgb(57,91,116)
```
#416885
```
#416885 rgb(65,104,133)
```
#4a7696
```
#4a7696 rgb(74,118,150)
```
#5283a7
```
#5283a7 rgb(82,131,167)
```

Monochromatic Color

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

#396a74
```
#396a74 rgb(57,106,116)
```
#396574
```
#396574 rgb(57,101,116)
```
#396074
```
#396074 rgb(57,96,116)
```
#395b74
```
#395b74 rgb(57,91,116)
```
#395674
```
#395674 rgb(57,86,116)
```
#395174
```
#395174 rgb(57,81,116)
```
#394c74
```
#394c74 rgb(57,76,116)
```

Similar Colors

Text with hexadecimal color #395b74

This text has a font color of #395b74.

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

#395b74 background color

This paragraph has a background color of #395b74.

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

#395b74 border color

This element has a border color of #395b74.

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

CSS codes

.text {color:#395b74;}

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

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

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

#05080b
```
#05080b rgb(5,8,11)
```
#0c1318
```
#0c1318 rgb(12,19,24)
```
#121d25
```
#121d25 rgb(18,29,37)
```
#192732
```
#192732 rgb(25,39,50)
```
#1f323f
```
#1f323f rgb(31,50,63)
```
#263c4d
```
#263c4d rgb(38,60,77)
```
#2c465a
```
#2c465a rgb(44,70,90)
```
#335167
```
#335167 rgb(51,81,103)
```
#395b74
```
#395b74 rgb(57,91,116)
```
#3f6581
```
#3f6581 rgb(63,101,129)
```
#46708e
```
#46708e rgb(70,112,142)
```
#4c7a9b
```
#4c7a9b rgb(76,122,155)
```
#5384a9
```
#5384a9 rgb(83,132,169)
```

Shade Color Variation

#5f8eb0
```
#5f8eb0 rgb(95,142,176)
```
#6c97b7
```
#6c97b7 rgb(108,151,183)
```
#79a0bd
```
#79a0bd rgb(121,160,189)
```
#86aac4
```
#86aac4 rgb(134,170,196)
```
#93b3ca
```
#93b3ca rgb(147,179,202)
```
#a1bcd1
```
#a1bcd1 rgb(161,188,209)
```
#aec6d7
```
#aec6d7 rgb(174,198,215)
```
#bbcfde
```
#bbcfde rgb(187,207,222)
```
#c8d8e4
```
#c8d8e4 rgb(200,216,228)
```
#d5e1ea
```
#d5e1ea rgb(213,225,234)
```
#e2ebf1
```
#e2ebf1 rgb(226,235,241)
```
#eff4f7
```
#eff4f7 rgb(239,244,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#545759
```
#545759 rgb(84,87,89)
```
#4d5860
```
#4d5860 rgb(77,88,96)
```
#465967
```
#465967 rgb(70,89,103)
```
#405a6d
```
#405a6d rgb(64,90,109)
```
#395b74
```
#395b74 rgb(57,91,116)
```
#325c7b
```
#325c7b rgb(50,92,123)
```
#2c5d81
```
#2c5d81 rgb(44,93,129)
```
#255e88
```
#255e88 rgb(37,94,136)
```
#1e5f8f
```
#1e5f8f rgb(30,95,143)
```
#186095
```
#186095 rgb(24,96,149)
```
#11619c
```
#11619c rgb(17,97,156)
```
#0a62a3
```
#0a62a3 rgb(10,98,163)
```
#0463a9
```
#0463a9 rgb(4,99,169)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4f555a Atypical Achromatopsia 0.001% of the population

Dichromacy

#595f78 Protanopia 1% of men
#575e7d Deuteranopia 1% of men
#3d666d Tritanopia 0.001% of the population

Trichromacy

#4d5d76 Protanomaly 1% of men, 0.01% of women
#4c5d79 Deuteranomaly 6% of men, 0.4% of women
#3c626f Tritanomaly 0.01% of the population

#395b74 hex color

#395b74 Color Information

#395b74 Color Conversion

Color Schemes with #395b74

Alternatives to #395b74

#395b74 Preview

Shades and Tints of #395b74

Tones of #395b74

Color Blindness Simulator