#395bac hex color

In a RGB color space, hex #395bac is composed of 22.4% red, 35.7% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 47.1% magenta, 0% yellow and 32.5% black. It has a hue angle of 222.3 degrees, a saturation of 50.2% and a lightness of 44.9%. #395bac color hex could be obtained by blending #72b6ff with #000059. Closest websafe color is: #336699.

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

● #395bac color description : Dark moderate blue.

The hexadecimal color #395bac has RGB values of R:57, G:91, B:172 and CMYK values of C:0.67, M:0.47, Y:0, K:0.33. Its decimal value is 3759020.

Hex triplet	395bac	`#395bac`
RGB Decimal	57, 91, 172	`rgb(57,91,172)`
RGB Percent	22.4, 35.7, 67.5	`rgb(22.4%,35.7%,67.5%)`
CMYK	67, 47, 0, 33
HSL	222.3°, 50.2, 44.9	`hsl(222.3,50.2%,44.9%)`
HSV (or HSB)	222.3°, 66.9, 67.5
Web Safe	336699	`#336699`

CIE-LAB	40.13, 14.834, -47.1
XYZ	12.873, 11.33, 40.536
xyY	0.199, 0.175, 11.33
CIE-LCH	40.13, 49.381, 287.481
CIE-LUV	40.13, -14.969, -69.587
Hunter-Lab	33.66, 9.363, -47.84
Binary	00111001, 01011011, 10101100

#395bac
```
#395bac rgb(57,91,172)
```
#ac8a39
```
#ac8a39 rgb(172,138,57)
```

Complementary Color

#3995ac
```
#3995ac rgb(57,149,172)
```
#395bac
```
#395bac rgb(57,91,172)
```
#5039ac
```
#5039ac rgb(80,57,172)
```

Analogous Color

#95ac39
```
#95ac39 rgb(149,172,57)
```
#395bac
```
#395bac rgb(57,91,172)
```
#ac5139
```
#ac5139 rgb(172,81,57)
```

Split Complementary Color

#5bac39
```
#5bac39 rgb(91,172,57)
```
#395bac
```
#395bac rgb(57,91,172)
```
#ac395b
```
#ac395b rgb(172,57,91)
```

Triadic Color

#39ac8a
```
#39ac8a rgb(57,172,138)
```
#395bac
```
#395bac rgb(57,91,172)
```
#ac395b
```
#ac395b rgb(172,57,91)
```
#ac8a39
```
#ac8a39 rgb(172,138,57)
```

Tetradic Color

#263d73
```
#263d73 rgb(38,61,115)
```
#2c4786
```
#2c4786 rgb(44,71,134)
```
#335199
```
#335199 rgb(51,81,153)
```
#395bac
```
#395bac rgb(57,91,172)
```
#3f65bf
```
#3f65bf rgb(63,101,191)
```
#5274c6
```
#5274c6 rgb(82,116,198)
```
#6584cc
```
#6584cc rgb(101,132,204)
```

Monochromatic Color

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

#3978ac
```
#3978ac rgb(57,120,172)
```
#396eac
```
#396eac rgb(57,110,172)
```
#3965ac
```
#3965ac rgb(57,101,172)
```
#395bac
```
#395bac rgb(57,91,172)
```
#3951ac
```
#3951ac rgb(57,81,172)
```
#3948ac
```
#3948ac rgb(57,72,172)
```
#393eac
```
#393eac rgb(57,62,172)
```

Similar Colors

Text with hexadecimal color #395bac

This text has a font color of #395bac.

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

#395bac background color

This paragraph has a background color of #395bac.

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

#395bac border color

This element has a border color of #395bac.

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

CSS codes

.text {color:#395bac;}

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

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

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, #03050a is the darkest color, while #fafbfd is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#080d19
```
#080d19 rgb(8,13,25)
```
#0d1527
```
#0d1527 rgb(13,21,39)
```
#121d36
```
#121d36 rgb(18,29,54)
```
#172445
```
#172445 rgb(23,36,69)
```
#1c2c54
```
#1c2c54 rgb(28,44,84)
```
#213462
```
#213462 rgb(33,52,98)
```
#253c71
```
#253c71 rgb(37,60,113)
```
#2a4480
```
#2a4480 rgb(42,68,128)
```
#2f4b8f
```
#2f4b8f rgb(47,75,143)
```
#34539d
```
#34539d rgb(52,83,157)
```
#395bac
```
#395bac rgb(57,91,172)
```
#3e63bb
```
#3e63bb rgb(62,99,187)
```

Shade Color Variation

#496dc3
```
#496dc3 rgb(73,109,195)
```
#5879c8
```
#5879c8 rgb(88,121,200)
```
#6785cd
```
#6785cd rgb(103,133,205)
```
#7691d1
```
#7691d1 rgb(118,145,209)
```
#849dd6
```
#849dd6 rgb(132,157,214)
```
#93a8db
```
#93a8db rgb(147,168,219)
```
#a2b4e0
```
#a2b4e0 rgb(162,180,224)
```
#b1c0e5
```
#b1c0e5 rgb(177,192,229)
```
#bfccea
```
#bfccea rgb(191,204,234)
```
#ced8ef
```
#ced8ef rgb(206,216,239)
```
#dde4f4
```
#dde4f4 rgb(221,228,244)
```
#ebeff9
```
#ebeff9 rgb(235,239,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#6e7177
```
#6e7177 rgb(110,113,119)
```
#656d80
```
#656d80 rgb(101,109,128)
```
#5c6989
```
#5c6989 rgb(92,105,137)
```
#536692
```
#536692 rgb(83,102,146)
```
#4b629a
```
#4b629a rgb(75,98,154)
```
#425fa3
```
#425fa3 rgb(66,95,163)
```
#395bac
```
#395bac rgb(57,91,172)
```
#3057b5
```
#3057b5 rgb(48,87,181)
```
#2754be
```
#2754be rgb(39,84,190)
```
#1f50c6
```
#1f50c6 rgb(31,80,198)
```
#164dcf
```
#164dcf rgb(22,77,207)
```
#0d49d8
```
#0d49d8 rgb(13,73,216)
```
#0445e1
```
#0445e1 rgb(4,69,225)
```

Tone Color Variation

Below, you can see how #395bac 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
#535a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c64b1 Protanopia 1% of men
#0f68ae Deuteranopia 1% of men
#007079 Tritanopia 0.001% of the population

Trichromacy

#3b60af Protanomaly 1% of men, 0.01% of women
#1e63ad Deuteranomaly 6% of men, 0.4% of women
#14688b Tritanomaly 0.01% of the population

#395bac hex color

#395bac Color Information

#395bac Color Conversion

Color Schemes with #395bac

Alternatives to #395bac

#395bac Preview

Shades and Tints of #395bac

Tones of #395bac

Color Blindness Simulator