#395f94 hex color

In a RGB color space, hex #395f94 is composed of 22.4% red, 37.3% green and 58% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 35.8% magenta, 0% yellow and 42% black. It has a hue angle of 214.9 degrees, a saturation of 44.4% and a lightness of 40.2%. #395f94 color hex could be obtained by blending #72beff with #000029. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 37
- B 58
RGB color chart
- C 61
- M 36
- Y 0
- K 42
CMYK color chart

● #395f94 color description : Dark moderate blue.

The hexadecimal color #395f94 has RGB values of R:57, G:95, B:148 and CMYK values of C:0.61, M:0.36, Y:0, K:0.42. Its decimal value is 3760020.

Hex triplet	395f94	`#395f94`
RGB Decimal	57, 95, 148	`rgb(57,95,148)`
RGB Percent	22.4, 37.3, 58	`rgb(22.4%,37.3%,58%)`
CMYK	61, 36, 0, 42
HSL	214.9°, 44.4, 40.2	`hsl(214.9,44.4%,40.2%)`
HSV (or HSB)	214.9°, 61.5, 58
Web Safe	336699	`#336699`

CIE-LAB	39.902, 3.617, -33.163
XYZ	11.124, 11.192, 29.589
xyY	0.214, 0.216, 11.192
CIE-LCH	39.902, 33.36, 276.224
CIE-LUV	39.902, -16.428, -47.81
Hunter-Lab	33.454, 0.808, -29.023
Binary	00111001, 01011111, 10010100

#395f94
```
#395f94 rgb(57,95,148)
```
#946e39
```
#946e39 rgb(148,110,57)
```

Complementary Color

#398d94
```
#398d94 rgb(57,141,148)
```
#395f94
```
#395f94 rgb(57,95,148)
```
#413994
```
#413994 rgb(65,57,148)
```

Analogous Color

#8d9439
```
#8d9439 rgb(141,148,57)
```
#395f94
```
#395f94 rgb(57,95,148)
```
#944139
```
#944139 rgb(148,65,57)
```

Split Complementary Color

#5f9439
```
#5f9439 rgb(95,148,57)
```
#395f94
```
#395f94 rgb(57,95,148)
```
#94395f
```
#94395f rgb(148,57,95)
```

Triadic Color

#39946e
```
#39946e rgb(57,148,110)
```
#395f94
```
#395f94 rgb(57,95,148)
```
#94395f
```
#94395f rgb(148,57,95)
```
#946e39
```
#946e39 rgb(148,110,57)
```

Tetradic Color

#243c5d
```
#243c5d rgb(36,60,93)
```
#2b476f
```
#2b476f rgb(43,71,111)
```
#325382
```
#325382 rgb(50,83,130)
```
#395f94
```
#395f94 rgb(57,95,148)
```
#406ba6
```
#406ba6 rgb(64,107,166)
```
#4877b8
```
#4877b8 rgb(72,119,184)
```
#5a84bf
```
#5a84bf rgb(90,132,191)
```

Monochromatic Color

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

#397694
```
#397694 rgb(57,118,148)
```
#396e94
```
#396e94 rgb(57,110,148)
```
#396794
```
#396794 rgb(57,103,148)
```
#395f94
```
#395f94 rgb(57,95,148)
```
#395794
```
#395794 rgb(57,87,148)
```
#395094
```
#395094 rgb(57,80,148)
```
#394894
```
#394894 rgb(57,72,148)
```

Similar Colors

Text with hexadecimal color #395f94

This text has a font color of #395f94.

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

#395f94 background color

This paragraph has a background color of #395f94.

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

#395f94 border color

This element has a border color of #395f94.

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

CSS codes

.text {color:#395f94;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080d15
```
#080d15 rgb(8,13,21)
```
#0d1623
```
#0d1623 rgb(13,22,35)
```
#131f31
```
#131f31 rgb(19,31,49)
```
#18283f
```
#18283f rgb(24,40,63)
```
#1e324d
```
#1e324d rgb(30,50,77)
```
#233b5b
```
#233b5b rgb(35,59,91)
```
#29446a
```
#29446a rgb(41,68,106)
```
#2e4d78
```
#2e4d78 rgb(46,77,120)
```
#345686
```
#345686 rgb(52,86,134)
```
#395f94
```
#395f94 rgb(57,95,148)
```
#3e68a2
```
#3e68a2 rgb(62,104,162)
```
#4471b0
```
#4471b0 rgb(68,113,176)
```

Shade Color Variation

#4d7bbb
```
#4d7bbb rgb(77,123,187)
```
#5b85c0
```
#5b85c0 rgb(91,133,192)
```
#6a90c5
```
#6a90c5 rgb(106,144,197)
```
#789acb
```
#789acb rgb(120,154,203)
```
#86a5d0
```
#86a5d0 rgb(134,165,208)
```
#94b0d6
```
#94b0d6 rgb(148,176,214)
```
#a2badb
```
#a2badb rgb(162,186,219)
```
#b0c5e1
```
#b0c5e1 rgb(176,197,225)
```
#bfcfe6
```
#bfcfe6 rgb(191,207,230)
```
#cddaec
```
#cddaec rgb(205,218,236)
```
#dbe4f1
```
#dbe4f1 rgb(219,228,241)
```
#e9eff7
```
#e9eff7 rgb(233,239,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60656d is the less saturated color, while #0256cb is the most saturated one.

#60656d
```
#60656d rgb(96,101,109)
```
#596474
```
#596474 rgb(89,100,116)
```
#51637c
```
#51637c rgb(81,99,124)
```
#496284
```
#496284 rgb(73,98,132)
```
#41608c
```
#41608c rgb(65,96,140)
```
#395f94
```
#395f94 rgb(57,95,148)
```
#315e9c
```
#315e9c rgb(49,94,156)
```
#295ca4
```
#295ca4 rgb(41,92,164)
```
#215bac
```
#215bac rgb(33,91,172)
```
#195ab4
```
#195ab4 rgb(25,90,180)
```
#1259bb
```
#1259bb rgb(18,89,187)
```
#0a57c3
```
#0a57c3 rgb(10,87,195)
```
#0256cb
```
#0256cb rgb(2,86,203)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#535b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#526497 Protanopia 1% of men
#486699 Deuteranopia 1% of men
#2e6e76 Tritanopia 0.001% of the population

Trichromacy

#496296 Protanomaly 1% of men, 0.01% of women
#426397 Deuteranomaly 6% of men, 0.4% of women
#326981 Tritanomaly 0.01% of the population

#395f94 hex color

#395f94 Color Information

#395f94 Color Conversion

Color Schemes with #395f94

Alternatives to #395f94

#395f94 Preview

Shades and Tints of #395f94

Tones of #395f94

Color Blindness Simulator