#395fad hex color

In a RGB color space, hex #395fad is composed of 22.4% red, 37.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 45.1% magenta, 0% yellow and 32.2% black. It has a hue angle of 220.3 degrees, a saturation of 50.4% and a lightness of 45.1%. #395fad color hex could be obtained by blending #72beff with #00005b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 37
- B 68
RGB color chart
- C 67
- M 45
- Y 0
- K 32
CMYK color chart

● #395fad color description : Dark moderate blue.

The hexadecimal color #395fad has RGB values of R:57, G:95, B:173 and CMYK values of C:0.67, M:0.45, Y:0, K:0.32. Its decimal value is 3760045.

Hex triplet	395fad	`#395fad`
RGB Decimal	57, 95, 173	`rgb(57,95,173)`
RGB Percent	22.4, 37.3, 67.8	`rgb(22.4%,37.3%,67.8%)`
CMYK	67, 45, 0, 32
HSL	220.3°, 50.4, 45.1	`hsl(220.3,50.4%,45.1%)`
HSV (or HSB)	220.3°, 67.1, 67.8
Web Safe	336699	`#336699`

CIE-LAB	41.328, 12.613, -45.771
XYZ	13.321, 12.071, 41.161
xyY	0.2, 0.181, 12.071
CIE-LCH	41.328, 47.477, 285.407
CIE-LUV	41.328, -16.231, -68
Hunter-Lab	34.743, 7.639, -45.923
Binary	00111001, 01011111, 10101101

#395fad
```
#395fad rgb(57,95,173)
```
#ad8739
```
#ad8739 rgb(173,135,57)
```

Complementary Color

#3999ad
```
#3999ad rgb(57,153,173)
```
#395fad
```
#395fad rgb(57,95,173)
```
#4d39ad
```
#4d39ad rgb(77,57,173)
```

Analogous Color

#99ad39
```
#99ad39 rgb(153,173,57)
```
#395fad
```
#395fad rgb(57,95,173)
```
#ad4d39
```
#ad4d39 rgb(173,77,57)
```

Split Complementary Color

#5fad39
```
#5fad39 rgb(95,173,57)
```
#395fad
```
#395fad rgb(57,95,173)
```
#ad395f
```
#ad395f rgb(173,57,95)
```

Triadic Color

#39ad87
```
#39ad87 rgb(57,173,135)
```
#395fad
```
#395fad rgb(57,95,173)
```
#ad395f
```
#ad395f rgb(173,57,95)
```
#ad8739
```
#ad8739 rgb(173,135,57)
```

Tetradic Color

#263f73
```
#263f73 rgb(38,63,115)
```
#2c4a87
```
#2c4a87 rgb(44,74,135)
```
#33549a
```
#33549a rgb(51,84,154)
```
#395fad
```
#395fad rgb(57,95,173)
```
#406ac0
```
#406ac0 rgb(64,106,192)
```
#5379c6
```
#5379c6 rgb(83,121,198)
```
#6688cd
```
#6688cd rgb(102,136,205)
```

Monochromatic Color

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

#397cad
```
#397cad rgb(57,124,173)
```
#3972ad
```
#3972ad rgb(57,114,173)
```
#3969ad
```
#3969ad rgb(57,105,173)
```
#395fad
```
#395fad rgb(57,95,173)
```
#3955ad
```
#3955ad rgb(57,85,173)
```
#394cad
```
#394cad rgb(57,76,173)
```
#3942ad
```
#3942ad rgb(57,66,173)
```

Similar Colors

Text with hexadecimal color #395fad

This text has a font color of #395fad.

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

#395fad background color

This paragraph has a background color of #395fad.

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

#395fad border color

This element has a border color of #395fad.

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

CSS codes

.text {color:#395fad;}

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

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

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

#04060b
```
#04060b rgb(4,6,11)
```
#080e19
```
#080e19 rgb(8,14,25)
```
#0d1628
```
#0d1628 rgb(13,22,40)
```
#121e37
```
#121e37 rgb(18,30,55)
```
#172646
```
#172646 rgb(23,38,70)
```
#1c2e54
```
#1c2e54 rgb(28,46,84)
```
#213663
```
#213663 rgb(33,54,99)
```
#263f72
```
#263f72 rgb(38,63,114)
```
#2a4781
```
#2a4781 rgb(42,71,129)
```
#2f4f8f
```
#2f4f8f rgb(47,79,143)
```
#34579e
```
#34579e rgb(52,87,158)
```
#395fad
```
#395fad rgb(57,95,173)
```
#3e67bc
```
#3e67bc rgb(62,103,188)
```

Shade Color Variation

#4a72c3
```
#4a72c3 rgb(74,114,195)
```
#597dc8
```
#597dc8 rgb(89,125,200)
```
#6789cd
```
#6789cd rgb(103,137,205)
```
#7694d2
```
#7694d2 rgb(118,148,210)
```
#85a0d7
```
#85a0d7 rgb(133,160,215)
```
#94abdc
```
#94abdc rgb(148,171,220)
```
#a2b7e0
```
#a2b7e0 rgb(162,183,224)
```
#b1c2e5
```
#b1c2e5 rgb(177,194,229)
```
#c0ceea
```
#c0ceea rgb(192,206,234)
```
#cfd9ef
```
#cfd9ef rgb(207,217,239)
```
#dde5f4
```
#dde5f4 rgb(221,229,244)
```
#ecf0f9
```
#ecf0f9 rgb(236,240,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#6e7178
```
#6e7178 rgb(110,113,120)
```
#656e81
```
#656e81 rgb(101,110,129)
```
#5c6b8a
```
#5c6b8a rgb(92,107,138)
```
#546892
```
#546892 rgb(84,104,146)
```
#4b659b
```
#4b659b rgb(75,101,155)
```
#4262a4
```
#4262a4 rgb(66,98,164)
```
#395fad
```
#395fad rgb(57,95,173)
```
#305cb6
```
#305cb6 rgb(48,92,182)
```
#2759bf
```
#2759bf rgb(39,89,191)
```
#1e56c8
```
#1e56c8 rgb(30,86,200)
```
#1653d0
```
#1653d0 rgb(22,83,208)
```
#0d50d9
```
#0d50d9 rgb(13,80,217)
```
#044de2
```
#044de2 rgb(4,77,226)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#565d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4367b1 Protanopia 1% of men
#256baf Deuteranopia 1% of men
#00737c Tritanopia 0.001% of the population

Trichromacy

#3f64af Protanomaly 1% of men, 0.01% of women
#2c66ae Deuteranomaly 6% of men, 0.4% of women
#146c8e Tritanomaly 0.01% of the population

#395fad hex color

#395fad Color Information

#395fad Color Conversion

Color Schemes with #395fad

Alternatives to #395fad

#395fad Preview

Shades and Tints of #395fad

Tones of #395fad

Color Blindness Simulator