#396ba1 hex color

In a RGB color space, hex #396ba1 is composed of 22.4% red, 42% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 33.5% magenta, 0% yellow and 36.9% black. It has a hue angle of 211.2 degrees, a saturation of 47.7% and a lightness of 42.7%. #396ba1 color hex could be obtained by blending #72d6ff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 42
- B 63
RGB color chart
- C 65
- M 34
- Y 0
- K 37
CMYK color chart

● #396ba1 color description : Dark moderate blue.

The hexadecimal color #396ba1 has RGB values of R:57, G:107, B:161 and CMYK values of C:0.65, M:0.34, Y:0, K:0.37. Its decimal value is 3763105.

Hex triplet	396ba1	`#396ba1`
RGB Decimal	57, 107, 161	`rgb(57,107,161)`
RGB Percent	22.4, 42, 63.1	`rgb(22.4%,42%,63.1%)`
CMYK	65, 34, 0, 37
HSL	211.2°, 47.7, 42.7	`hsl(211.2,47.7%,42.7%)`
HSV (or HSB)	211.2°, 64.6, 63.1
Web Safe	336699	`#336699`

CIE-LAB	44.172, 0.717, -34.173
XYZ	13.377, 13.958, 35.705
xyY	0.212, 0.221, 13.958
CIE-LCH	44.172, 34.181, 271.202
CIE-LUV	44.172, -20.459, -50.251
Hunter-Lab	37.36, -1.468, -30.513
Binary	00111001, 01101011, 10100001

#396ba1
```
#396ba1 rgb(57,107,161)
```
#a16f39
```
#a16f39 rgb(161,111,57)
```

Complementary Color

#399fa1
```
#399fa1 rgb(57,159,161)
```
#396ba1
```
#396ba1 rgb(57,107,161)
```
#3b39a1
```
#3b39a1 rgb(59,57,161)
```

Analogous Color

#9fa139
```
#9fa139 rgb(159,161,57)
```
#396ba1
```
#396ba1 rgb(57,107,161)
```
#a13b39
```
#a13b39 rgb(161,59,57)
```

Split Complementary Color

#6ba139
```
#6ba139 rgb(107,161,57)
```
#396ba1
```
#396ba1 rgb(57,107,161)
```
#a1396b
```
#a1396b rgb(161,57,107)
```

Triadic Color

#39a16f
```
#39a16f rgb(57,161,111)
```
#396ba1
```
#396ba1 rgb(57,107,161)
```
#a1396b
```
#a1396b rgb(161,57,107)
```
#a16f39
```
#a16f39 rgb(161,111,57)
```

Tetradic Color

#254569
```
#254569 rgb(37,69,105)
```
#2c527b
```
#2c527b rgb(44,82,123)
```
#325e8e
```
#325e8e rgb(50,94,142)
```
#396ba1
```
#396ba1 rgb(57,107,161)
```
#4078b4
```
#4078b4 rgb(64,120,180)
```
#4d84c0
```
#4d84c0 rgb(77,132,192)
```
#6091c7
```
#6091c7 rgb(96,145,199)
```

Monochromatic Color

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

#3985a1
```
#3985a1 rgb(57,133,161)
```
#397ca1
```
#397ca1 rgb(57,124,161)
```
#3974a1
```
#3974a1 rgb(57,116,161)
```
#396ba1
```
#396ba1 rgb(57,107,161)
```
#3962a1
```
#3962a1 rgb(57,98,161)
```
#395aa1
```
#395aa1 rgb(57,90,161)
```
#3951a1
```
#3951a1 rgb(57,81,161)
```

Similar Colors

Text with hexadecimal color #396ba1

This text has a font color of #396ba1.

<span style="color:#396ba1;">Text here</span>

#396ba1 background color

This paragraph has a background color of #396ba1.

<p style="background-color:#396ba1;">Content here</p>

#396ba1 border color

This element has a border color of #396ba1.

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

CSS codes

.text {color:#396ba1;}

.background {background-color:#396ba1;}

.border {border:1px solid #396ba1;}

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

#010102
```
#010102 rgb(1,1,2)
```
#060b10
```
#060b10 rgb(6,11,16)
```
#0b141f
```
#0b141f rgb(11,20,31)
```
#101e2d
```
#101e2d rgb(16,30,45)
```
#15283c
```
#15283c rgb(21,40,60)
```
#1a314a
```
#1a314a rgb(26,49,74)
```
#1f3b59
```
#1f3b59 rgb(31,59,89)
```
#244467
```
#244467 rgb(36,68,103)
```
#2a4e76
```
#2a4e76 rgb(42,78,118)
```
#2f5884
```
#2f5884 rgb(47,88,132)
```
#346193
```
#346193 rgb(52,97,147)
```
#396ba1
```
#396ba1 rgb(57,107,161)
```
#3e75af
```
#3e75af rgb(62,117,175)
```

Shade Color Variation

#447ebd
```
#447ebd rgb(68,126,189)
```
#5388c2
```
#5388c2 rgb(83,136,194)
```
#6192c7
```
#6192c7 rgb(97,146,199)
```
#709ccc
```
#709ccc rgb(112,156,204)
```
#7ea6d1
```
#7ea6d1 rgb(126,166,209)
```
#8db0d7
```
#8db0d7 rgb(141,176,215)
```
#9bbadc
```
#9bbadc rgb(155,186,220)
```
#aac4e1
```
#aac4e1 rgb(170,196,225)
```
#b8cee6
```
#b8cee6 rgb(184,206,230)
```
#c7d8eb
```
#c7d8eb rgb(199,216,235)
```
#d5e2f0
```
#d5e2f0 rgb(213,226,240)
```
#e4ecf5
```
#e4ecf5 rgb(228,236,245)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

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

#6b6d6f
```
#6b6d6f rgb(107,109,111)
```
#636d77
```
#636d77 rgb(99,109,119)
```
#5b6c7f
```
#5b6c7f rgb(91,108,127)
```
#526c88
```
#526c88 rgb(82,108,136)
```
#4a6c90
```
#4a6c90 rgb(74,108,144)
```
#416b99
```
#416b99 rgb(65,107,153)
```
#396ba1
```
#396ba1 rgb(57,107,161)
```
#316ba9
```
#316ba9 rgb(49,107,169)
```
#286ab2
```
#286ab2 rgb(40,106,178)
```
#206aba
```
#206aba rgb(32,106,186)
```
#176ac3
```
#176ac3 rgb(23,106,195)
```
#0f69cb
```
#0f69cb rgb(15,105,203)
```
#0769d3
```
#0769d3 rgb(7,105,211)
```

Tone Color Variation

Below, you can see how #396ba1 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

#626262 Achromatopsia 0.005% of the population
#5a646f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6ea2 Protanopia 1% of men
#5170a6 Deuteranopia 1% of men
#2a7a83 Tritanopia 0.001% of the population

Trichromacy

#4f6da2 Protanomaly 1% of men, 0.01% of women
#486ea4 Deuteranomaly 6% of men, 0.4% of women
#2f748d Tritanomaly 0.01% of the population

#396ba1 hex color

#396ba1 Color Information

#396ba1 Color Conversion

Color Schemes with #396ba1

Alternatives to #396ba1

#396ba1 Preview

Shades and Tints of #396ba1

Tones of #396ba1

Color Blindness Simulator