#396b95 hex color

In a RGB color space, hex #396b95 is composed of 22.4% red, 42% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 28.2% magenta, 0% yellow and 41.6% black. It has a hue angle of 207.4 degrees, a saturation of 44.7% and a lightness of 40.4%. #396b95 color hex could be obtained by blending #72d6ff with #00002b. Closest websafe color is: #336699.

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

● #396b95 color description : Dark moderate blue.

The hexadecimal color #396b95 has RGB values of R:57, G:107, B:149 and CMYK values of C:0.62, M:0.28, Y:0, K:0.42. Its decimal value is 3763093.

Hex triplet	396b95	`#396b95`
RGB Decimal	57, 107, 149	`rgb(57,107,149)`
RGB Percent	22.4, 42, 58.4	`rgb(22.4%,42%,58.4%)`
CMYK	62, 28, 0, 42
HSL	207.4°, 44.7, 40.4	`hsl(207.4,44.7%,40.4%)`
HSV (or HSB)	207.4°, 61.7, 58.4
Web Safe	336699	`#336699`

CIE-LAB	43.587, -3.465, -27.977
XYZ	12.369, 13.554, 30.397
xyY	0.22, 0.241, 13.554
CIE-LCH	43.587, 28.191, 262.939
CIE-LUV	43.587, -20.75, -40.125
Hunter-Lab	36.816, -4.461, -23.18
Binary	00111001, 01101011, 10010101

#396b95
```
#396b95 rgb(57,107,149)
```
#956339
```
#956339 rgb(149,99,57)
```

Complementary Color

#399591
```
#399591 rgb(57,149,145)
```
#396b95
```
#396b95 rgb(57,107,149)
```
#393d95
```
#393d95 rgb(57,61,149)
```

Analogous Color

#959139
```
#959139 rgb(149,145,57)
```
#396b95
```
#396b95 rgb(57,107,149)
```
#95393d
```
#95393d rgb(149,57,61)
```

Split Complementary Color

#6b9539
```
#6b9539 rgb(107,149,57)
```
#396b95
```
#396b95 rgb(57,107,149)
```
#95396b
```
#95396b rgb(149,57,107)
```

Triadic Color

#399563
```
#399563 rgb(57,149,99)
```
#396b95
```
#396b95 rgb(57,107,149)
```
#95396b
```
#95396b rgb(149,57,107)
```
#956339
```
#956339 rgb(149,99,57)
```

Tetradic Color

#24435e
```
#24435e rgb(36,67,94)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#325e83
```
#325e83 rgb(50,94,131)
```
#396b95
```
#396b95 rgb(57,107,149)
```
#4078a7
```
#4078a7 rgb(64,120,167)
```
#4885b9
```
#4885b9 rgb(72,133,185)
```
#5a92c0
```
#5a92c0 rgb(90,146,192)
```

Monochromatic Color

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

#398295
```
#398295 rgb(57,130,149)
```
#397a95
```
#397a95 rgb(57,122,149)
```
#397395
```
#397395 rgb(57,115,149)
```
#396b95
```
#396b95 rgb(57,107,149)
```
#396395
```
#396395 rgb(57,99,149)
```
#395c95
```
#395c95 rgb(57,92,149)
```
#395495
```
#395495 rgb(57,84,149)
```

Similar Colors

Text with hexadecimal color #396b95

This text has a font color of #396b95.

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

#396b95 background color

This paragraph has a background color of #396b95.

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

#396b95 border color

This element has a border color of #396b95.

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

CSS codes

.text {color:#396b95;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#080f15
```
#080f15 rgb(8,15,21)
```
#0e1923
```
#0e1923 rgb(14,25,35)
```
#132432
```
#132432 rgb(19,36,50)
```
#182e40
```
#182e40 rgb(24,46,64)
```
#1e384e
```
#1e384e rgb(30,56,78)
```
#23425c
```
#23425c rgb(35,66,92)
```
#294c6a
```
#294c6a rgb(41,76,106)
```
#2e5779
```
#2e5779 rgb(46,87,121)
```
#346187
```
#346187 rgb(52,97,135)
```
#396b95
```
#396b95 rgb(57,107,149)
```
#3e75a3
```
#3e75a3 rgb(62,117,163)
```
#447fb1
```
#447fb1 rgb(68,127,177)
```

Shade Color Variation

#4e89bb
```
#4e89bb rgb(78,137,187)
```
#5c93c1
```
#5c93c1 rgb(92,147,193)
```
#6a9cc6
```
#6a9cc6 rgb(106,156,198)
```
#78a5cb
```
#78a5cb rgb(120,165,203)
```
#86afd1
```
#86afd1 rgb(134,175,209)
```
#95b8d6
```
#95b8d6 rgb(149,184,214)
```
#a3c2dc
```
#a3c2dc rgb(163,194,220)
```
#b1cbe1
```
#b1cbe1 rgb(177,203,225)
```
#bfd5e7
```
#bfd5e7 rgb(191,213,231)
```
#cddeec
```
#cddeec rgb(205,222,236)
```
#dce7f1
```
#dce7f1 rgb(220,231,241)
```
#eaf1f7
```
#eaf1f7 rgb(234,241,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#61686d
```
#61686d rgb(97,104,109)
```
#596875
```
#596875 rgb(89,104,117)
```
#51697d
```
#51697d rgb(81,105,125)
```
#496a85
```
#496a85 rgb(73,106,133)
```
#416a8d
```
#416a8d rgb(65,106,141)
```
#396b95
```
#396b95 rgb(57,107,149)
```
#316c9d
```
#316c9d rgb(49,108,157)
```
#296ca5
```
#296ca5 rgb(41,108,165)
```
#216dad
```
#216dad rgb(33,109,173)
```
#196eb5
```
#196eb5 rgb(25,110,181)
```
#116ebd
```
#116ebd rgb(17,110,189)
```
#096fc5
```
#096fc5 rgb(9,111,197)
```
#0270cc
```
#0270cc rgb(2,112,204)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#59636b Atypical Achromatopsia 0.001% of the population

Dichromacy

#616d96 Protanopia 1% of men
#5a6e9c Deuteranopia 1% of men
#347780 Tritanopia 0.001% of the population

Trichromacy

#526c96 Protanomaly 1% of men, 0.01% of women
#4e6d99 Deuteranomaly 6% of men, 0.4% of women
#357388 Tritanomaly 0.01% of the population

#396b95 hex color

#396b95 Color Information

#396b95 Color Conversion

Color Schemes with #396b95

Alternatives to #396b95

#396b95 Preview

Shades and Tints of #396b95

Tones of #396b95

Color Blindness Simulator