#395f9e hex color

In a RGB color space, hex #395f9e is composed of 22.4% red, 37.3% green and 62% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 39.9% magenta, 0% yellow and 38% black. It has a hue angle of 217.4 degrees, a saturation of 47% and a lightness of 42.2%. #395f9e color hex could be obtained by blending #72beff with #00003d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 37
- B 62
RGB color chart
- C 64
- M 40
- Y 0
- K 38
CMYK color chart

● #395f9e color description : Dark moderate blue.

The hexadecimal color #395f9e has RGB values of R:57, G:95, B:158 and CMYK values of C:0.64, M:0.4, Y:0, K:0.38. Its decimal value is 3760030.

Hex triplet	395f9e	`#395f9e`
RGB Decimal	57, 95, 158	`rgb(57,95,158)`
RGB Percent	22.4, 37.3, 62	`rgb(22.4%,37.3%,62%)`
CMYK	64, 40, 0, 38
HSL	217.4°, 47, 42.2	`hsl(217.4,47%,42.2%)`
HSV (or HSB)	217.4°, 63.9, 62
Web Safe	336699	`#336699`

CIE-LAB	40.446, 7.179, -38.285
XYZ	11.95, 11.522, 33.94
xyY	0.208, 0.201, 11.522
CIE-LCH	40.446, 38.953, 280.62
CIE-LUV	40.446, -16.332, -56.005
Hunter-Lab	33.944, 3.437, -35.522
Binary	00111001, 01011111, 10011110

#395f9e
```
#395f9e rgb(57,95,158)
```
#9e7839
```
#9e7839 rgb(158,120,57)
```

Complementary Color

#39929e
```
#39929e rgb(57,146,158)
```
#395f9e
```
#395f9e rgb(57,95,158)
```
#46399e
```
#46399e rgb(70,57,158)
```

Analogous Color

#929e39
```
#929e39 rgb(146,158,57)
```
#395f9e
```
#395f9e rgb(57,95,158)
```
#9e4639
```
#9e4639 rgb(158,70,57)
```

Split Complementary Color

#5f9e39
```
#5f9e39 rgb(95,158,57)
```
#395f9e
```
#395f9e rgb(57,95,158)
```
#9e395f
```
#9e395f rgb(158,57,95)
```

Triadic Color

#399e78
```
#399e78 rgb(57,158,120)
```
#395f9e
```
#395f9e rgb(57,95,158)
```
#9e395f
```
#9e395f rgb(158,57,95)
```
#9e7839
```
#9e7839 rgb(158,120,57)
```

Tetradic Color

#253d66
```
#253d66 rgb(37,61,102)
```
#2b4879
```
#2b4879 rgb(43,72,121)
```
#32548b
```
#32548b rgb(50,84,139)
```
#395f9e
```
#395f9e rgb(57,95,158)
```
#406ab1
```
#406ab1 rgb(64,106,177)
```
#4c77be
```
#4c77be rgb(76,119,190)
```
#5e85c5
```
#5e85c5 rgb(94,133,197)
```

Monochromatic Color

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

#39789e
```
#39789e rgb(57,120,158)
```
#39709e
```
#39709e rgb(57,112,158)
```
#39679e
```
#39679e rgb(57,103,158)
```
#395f9e
```
#395f9e rgb(57,95,158)
```
#39579e
```
#39579e rgb(57,87,158)
```
#394e9e
```
#394e9e rgb(57,78,158)
```
#39469e
```
#39469e rgb(57,70,158)
```

Similar Colors

Text with hexadecimal color #395f9e

This text has a font color of #395f9e.

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

#395f9e background color

This paragraph has a background color of #395f9e.

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

#395f9e border color

This element has a border color of #395f9e.

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

CSS codes

.text {color:#395f9e;}

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

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

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

#05080e
```
#05080e rgb(5,8,14)
```
#0a111c
```
#0a111c rgb(10,17,28)
```
#0f1a2b
```
#0f1a2b rgb(15,26,43)
```
#152239
```
#152239 rgb(21,34,57)
```
#1a2b48
```
#1a2b48 rgb(26,43,72)
```
#1f3456
```
#1f3456 rgb(31,52,86)
```
#243c64
```
#243c64 rgb(36,60,100)
```
#294573
```
#294573 rgb(41,69,115)
```
#2f4e81
```
#2f4e81 rgb(47,78,129)
```
#345690
```
#345690 rgb(52,86,144)
```
#395f9e
```
#395f9e rgb(57,95,158)
```
#3e68ac
```
#3e68ac rgb(62,104,172)
```
#4370bb
```
#4370bb rgb(67,112,187)
```

Shade Color Variation

#517bc0
```
#517bc0 rgb(81,123,192)
```
#6086c6
```
#6086c6 rgb(96,134,198)
```
#6e91cb
```
#6e91cb rgb(110,145,203)
```
#7d9cd0
```
#7d9cd0 rgb(125,156,208)
```
#8ba7d5
```
#8ba7d5 rgb(139,167,213)
```
#9ab2da
```
#9ab2da rgb(154,178,218)
```
#a8bde0
```
#a8bde0 rgb(168,189,224)
```
#b6c8e5
```
#b6c8e5 rgb(182,200,229)
```
#c5d3ea
```
#c5d3ea rgb(197,211,234)
```
#d3deef
```
#d3deef rgb(211,222,239)
```
#e2e9f4
```
#e2e9f4 rgb(226,233,244)
```
#f0f4fa
```
#f0f4fa rgb(240,244,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6b6c is the less saturated color, while #0753d0 is the most saturated one.

#6b6b6c
```
#6b6b6c rgb(107,107,108)
```
#626975
```
#626975 rgb(98,105,117)
```
#5a677d
```
#5a677d rgb(90,103,125)
```
#526585
```
#526585 rgb(82,101,133)
```
#4a638d
```
#4a638d rgb(74,99,141)
```
#416196
```
#416196 rgb(65,97,150)
```
#395f9e
```
#395f9e rgb(57,95,158)
```
#315da6
```
#315da6 rgb(49,93,166)
```
#285baf
```
#285baf rgb(40,91,175)
```
#2059b7
```
#2059b7 rgb(32,89,183)
```
#1857bf
```
#1857bf rgb(24,87,191)
```
#1055c7
```
#1055c7 rgb(16,85,199)
```
#0753d0
```
#0753d0 rgb(7,83,208)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#545c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d65a1 Protanopia 1% of men
#3e68a2 Deuteranopia 1% of men
#257079 Tritanopia 0.001% of the population

Trichromacy

#4663a0 Protanomaly 1% of men, 0.01% of women
#3c64a0 Deuteranomaly 6% of men, 0.4% of women
#2c6a86 Tritanomaly 0.01% of the population

#395f9e hex color

#395f9e Color Information

#395f9e Color Conversion

Color Schemes with #395f9e

Alternatives to #395f9e

#395f9e Preview

Shades and Tints of #395f9e

Tones of #395f9e

Color Blindness Simulator