#395faa hex color

In a RGB color space, hex #395faa is composed of 22.4% red, 37.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 44.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 219.8 degrees, a saturation of 49.8% and a lightness of 44.5%. #395faa color hex could be obtained by blending #72beff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 37
- B 67
RGB color chart
- C 66
- M 44
- Y 0
- K 33
CMYK color chart

● #395faa color description : Dark moderate blue.

The hexadecimal color #395faa has RGB values of R:57, G:95, B:170 and CMYK values of C:0.66, M:0.44, Y:0, K:0.33. Its decimal value is 3760042.

Hex triplet	395faa	`#395faa`
RGB Decimal	57, 95, 170	`rgb(57,95,170)`
RGB Percent	22.4, 37.3, 66.7	`rgb(22.4%,37.3%,66.7%)`
CMYK	66, 44, 0, 33
HSL	219.8°, 49.8, 44.5	`hsl(219.8,49.8%,44.5%)`
HSV (or HSB)	219.8°, 66.5, 66.7
Web Safe	336699	`#336699`

CIE-LAB	41.146, 11.52, -44.292
XYZ	13.034, 11.956, 39.649
xyY	0.202, 0.185, 11.956
CIE-LCH	41.146, 45.766, 284.579
CIE-LUV	41.146, -16.247, -65.632
Hunter-Lab	34.577, 6.775, -43.783
Binary	00111001, 01011111, 10101010

#395faa
```
#395faa rgb(57,95,170)
```
#aa8439
```
#aa8439 rgb(170,132,57)
```

Complementary Color

#3998aa
```
#3998aa rgb(57,152,170)
```
#395faa
```
#395faa rgb(57,95,170)
```
#4b39aa
```
#4b39aa rgb(75,57,170)
```

Analogous Color

#98aa39
```
#98aa39 rgb(152,170,57)
```
#395faa
```
#395faa rgb(57,95,170)
```
#aa4b39
```
#aa4b39 rgb(170,75,57)
```

Split Complementary Color

#5faa39
```
#5faa39 rgb(95,170,57)
```
#395faa
```
#395faa rgb(57,95,170)
```
#aa395f
```
#aa395f rgb(170,57,95)
```

Triadic Color

#39aa84
```
#39aa84 rgb(57,170,132)
```
#395faa
```
#395faa rgb(57,95,170)
```
#aa395f
```
#aa395f rgb(170,57,95)
```
#aa8439
```
#aa8439 rgb(170,132,57)
```

Tetradic Color

#263f71
```
#263f71 rgb(38,63,113)
```
#2c4a84
```
#2c4a84 rgb(44,74,132)
```
#335497
```
#335497 rgb(51,84,151)
```
#395faa
```
#395faa rgb(57,95,170)
```
#3f6abd
```
#3f6abd rgb(63,106,189)
```
#5178c5
```
#5178c5 rgb(81,120,197)
```
#6487cb
```
#6487cb rgb(100,135,203)
```

Monochromatic Color

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

#397baa
```
#397baa rgb(57,123,170)
```
#3972aa
```
#3972aa rgb(57,114,170)
```
#3968aa
```
#3968aa rgb(57,104,170)
```
#395faa
```
#395faa rgb(57,95,170)
```
#3956aa
```
#3956aa rgb(57,86,170)
```
#394caa
```
#394caa rgb(57,76,170)
```
#3943aa
```
#3943aa rgb(57,67,170)
```

Similar Colors

Text with hexadecimal color #395faa

This text has a font color of #395faa.

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

#395faa background color

This paragraph has a background color of #395faa.

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

#395faa border color

This element has a border color of #395faa.

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

CSS codes

.text {color:#395faa;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#080d17
```
#080d17 rgb(8,13,23)
```
#0d1526
```
#0d1526 rgb(13,21,38)
```
#121d34
```
#121d34 rgb(18,29,52)
```
#172643
```
#172643 rgb(23,38,67)
```
#1b2e52
```
#1b2e52 rgb(27,46,82)
```
#203661
```
#203661 rgb(32,54,97)
```
#253e6f
```
#253e6f rgb(37,62,111)
```
#2a467e
```
#2a467e rgb(42,70,126)
```
#2f4f8d
```
#2f4f8d rgb(47,79,141)
```
#34579b
```
#34579b rgb(52,87,155)
```
#395faa
```
#395faa rgb(57,95,170)
```
#3e67b9
```
#3e67b9 rgb(62,103,185)
```

Shade Color Variation

#4871c2
```
#4871c2 rgb(72,113,194)
```
#577dc7
```
#577dc7 rgb(87,125,199)
```
#6688cc
```
#6688cc rgb(102,136,204)
```
#7593d1
```
#7593d1 rgb(117,147,209)
```
#839fd5
```
#839fd5 rgb(131,159,213)
```
#92aada
```
#92aada rgb(146,170,218)
```
#a1b6df
```
#a1b6df rgb(161,182,223)
```
#afc1e4
```
#afc1e4 rgb(175,193,228)
```
#becce9
```
#becce9 rgb(190,204,233)
```
#cdd8ee
```
#cdd8ee rgb(205,216,238)
```
#dbe3f3
```
#dbe3f3 rgb(219,227,243)
```
#eaeff8
```
#eaeff8 rgb(234,239,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#6d7076
```
#6d7076 rgb(109,112,118)
```
#656d7e
```
#656d7e rgb(101,109,126)
```
#5c6a87
```
#5c6a87 rgb(92,106,135)
```
#536890
```
#536890 rgb(83,104,144)
```
#4a6599
```
#4a6599 rgb(74,101,153)
```
#4262a1
```
#4262a1 rgb(66,98,161)
```
#395faa
```
#395faa rgb(57,95,170)
```
#305cb3
```
#305cb3 rgb(48,92,179)
```
#2859bb
```
#2859bb rgb(40,89,187)
```
#1f56c4
```
#1f56c4 rgb(31,86,196)
```
#1654cd
```
#1654cd rgb(22,84,205)
```
#0d51d6
```
#0d51d6 rgb(13,81,214)
```
#054ede
```
#054ede rgb(5,78,222)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#555d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4666ae Protanopia 1% of men
#2c6aad Deuteranopia 1% of men
#0f737b Tritanopia 0.001% of the population

Trichromacy

#4164ac Protanomaly 1% of men, 0.01% of women
#3066ab Deuteranomaly 6% of men, 0.4% of women
#1e6b8c Tritanomaly 0.01% of the population

#395faa hex color

#395faa Color Information

#395faa Color Conversion

Color Schemes with #395faa

Alternatives to #395faa

#395faa Preview

Shades and Tints of #395faa

Tones of #395faa

Color Blindness Simulator