#396d95 hex color

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

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

● #396d95 color description : Dark moderate blue.

The hexadecimal color #396d95 has RGB values of R:57, G:109, B:149 and CMYK values of C:0.62, M:0.27, Y:0, K:0.42. Its decimal value is 3763605.

Hex triplet	396d95	`#396d95`
RGB Decimal	57, 109, 149	`rgb(57,109,149)`
RGB Percent	22.4, 42.7, 58.4	`rgb(22.4%,42.7%,58.4%)`
CMYK	62, 27, 0, 42
HSL	206.1°, 44.7, 40.4	`hsl(206.1,44.7%,40.4%)`
HSV (or HSB)	206.1°, 61.7, 58.4
Web Safe	336699	`#336699`

CIE-LAB	44.199, -4.67, -27.022
XYZ	12.579, 13.976, 30.467
xyY	0.221, 0.245, 13.976
CIE-LCH	44.199, 27.423, 260.194
CIE-LUV	44.199, -21.489, -38.648
Hunter-Lab	37.385, -5.36, -22.149
Binary	00111001, 01101101, 10010101

#396d95
```
#396d95 rgb(57,109,149)
```
#956139
```
#956139 rgb(149,97,57)
```

Complementary Color

#39958f
```
#39958f rgb(57,149,143)
```
#396d95
```
#396d95 rgb(57,109,149)
```
#393f95
```
#393f95 rgb(57,63,149)
```

Analogous Color

#958f39
```
#958f39 rgb(149,143,57)
```
#396d95
```
#396d95 rgb(57,109,149)
```
#95393f
```
#95393f rgb(149,57,63)
```

Split Complementary Color

#6d9539
```
#6d9539 rgb(109,149,57)
```
#396d95
```
#396d95 rgb(57,109,149)
```
#95396d
```
#95396d rgb(149,57,109)
```

Triadic Color

#399561
```
#399561 rgb(57,149,97)
```
#396d95
```
#396d95 rgb(57,109,149)
```
#95396d
```
#95396d rgb(149,57,109)
```
#956139
```
#956139 rgb(149,97,57)
```

Tetradic Color

#24455e
```
#24455e rgb(36,69,94)
```
#2b5270
```
#2b5270 rgb(43,82,112)
```
#326083
```
#326083 rgb(50,96,131)
```
#396d95
```
#396d95 rgb(57,109,149)
```
#407aa7
```
#407aa7 rgb(64,122,167)
```
#4888b9
```
#4888b9 rgb(72,136,185)
```
#5a94c0
```
#5a94c0 rgb(90,148,192)
```

Monochromatic Color

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

#398495
```
#398495 rgb(57,132,149)
```
#397c95
```
#397c95 rgb(57,124,149)
```
#397595
```
#397595 rgb(57,117,149)
```
#396d95
```
#396d95 rgb(57,109,149)
```
#396595
```
#396595 rgb(57,101,149)
```
#395e95
```
#395e95 rgb(57,94,149)
```
#395695
```
#395695 rgb(57,86,149)
```

Similar Colors

Text with hexadecimal color #396d95

This text has a font color of #396d95.

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

#396d95 background color

This paragraph has a background color of #396d95.

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

#396d95 border color

This element has a border color of #396d95.

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

CSS codes

.text {color:#396d95;}

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

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

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)
```
#081015
```
#081015 rgb(8,16,21)
```
#0e1a23
```
#0e1a23 rgb(14,26,35)
```
#132432
```
#132432 rgb(19,36,50)
```
#182f40
```
#182f40 rgb(24,47,64)
```
#1e394e
```
#1e394e rgb(30,57,78)
```
#23435c
```
#23435c rgb(35,67,92)
```
#294e6a
```
#294e6a rgb(41,78,106)
```
#2e5879
```
#2e5879 rgb(46,88,121)
```
#346387
```
#346387 rgb(52,99,135)
```
#396d95
```
#396d95 rgb(57,109,149)
```
#3e77a3
```
#3e77a3 rgb(62,119,163)
```
#4482b1
```
#4482b1 rgb(68,130,177)
```

Shade Color Variation

#4e8cbb
```
#4e8cbb rgb(78,140,187)
```
#5c95c1
```
#5c95c1 rgb(92,149,193)
```
#6a9ec6
```
#6a9ec6 rgb(106,158,198)
```
#78a7cb
```
#78a7cb rgb(120,167,203)
```
#86b1d1
```
#86b1d1 rgb(134,177,209)
```
#95bad6
```
#95bad6 rgb(149,186,214)
```
#a3c3dc
```
#a3c3dc rgb(163,195,220)
```
#b1cce1
```
#b1cce1 rgb(177,204,225)
```
#bfd5e7
```
#bfd5e7 rgb(191,213,231)
```
#cddfec
```
#cddfec rgb(205,223,236)
```
#dce8f1
```
#dce8f1 rgb(220,232,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 #0274cc is the most saturated one.

#61686d
```
#61686d rgb(97,104,109)
```
#596975
```
#596975 rgb(89,105,117)
```
#516a7d
```
#516a7d rgb(81,106,125)
```
#496b85
```
#496b85 rgb(73,107,133)
```
#416c8d
```
#416c8d rgb(65,108,141)
```
#396d95
```
#396d95 rgb(57,109,149)
```
#316e9d
```
#316e9d rgb(49,110,157)
```
#296fa5
```
#296fa5 rgb(41,111,165)
```
#2170ad
```
#2170ad rgb(33,112,173)
```
#1971b5
```
#1971b5 rgb(25,113,181)
```
#1172bd
```
#1172bd rgb(17,114,189)
```
#0973c5
```
#0973c5 rgb(9,115,197)
```
#0274cc
```
#0274cc rgb(2,116,204)
```

Tone Color Variation

Below, you can see how #396d95 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
#5a646c Atypical Achromatopsia 0.001% of the population

Dichromacy

#636e96 Protanopia 1% of men
#5d6f9c Deuteranopia 1% of men
#357982 Tritanopia 0.001% of the population

Trichromacy

#546e95 Protanomaly 1% of men, 0.01% of women
#506e99 Deuteranomaly 6% of men, 0.4% of women
#367489 Tritanomaly 0.01% of the population

#396d95 hex color

#396d95 Color Information

#396d95 Color Conversion

Color Schemes with #396d95

Alternatives to #396d95

#396d95 Preview

Shades and Tints of #396d95

Tones of #396d95

Color Blindness Simulator