#364e96 hex color

In a RGB color space, hex #364e96 is composed of 21.2% red, 30.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 48% magenta, 0% yellow and 41.2% black. It has a hue angle of 225 degrees, a saturation of 47.1% and a lightness of 40%. #364e96 color hex could be obtained by blending #6c9cff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 31
- B 59
RGB color chart
- C 64
- M 48
- Y 0
- K 41
CMYK color chart

● #364e96 color description : Dark moderate blue.

The hexadecimal color #364e96 has RGB values of R:54, G:78, B:150 and CMYK values of C:0.64, M:0.48, Y:0, K:0.41. Its decimal value is 3559062.

Hex triplet	364e96	`#364e96`
RGB Decimal	54, 78, 150	`rgb(54,78,150)`
RGB Percent	21.2, 30.6, 58.8	`rgb(21.2%,30.6%,58.8%)`
CMYK	64, 48, 0, 41
HSL	225°, 47.1, 40	`hsl(225,47.1%,40%)`
HSV (or HSB)	225°, 64, 58.8
Web Safe	336699	`#336699`

CIE-LAB	34.872, 14.78, -42.384
XYZ	9.75, 8.435, 29.967
xyY	0.202, 0.175, 8.435
CIE-LCH	34.872, 44.887, 289.225
CIE-LUV	34.872, -11.519, -60.156
Hunter-Lab	29.042, 9.099, -40.848
Binary	00110110, 01001110, 10010110

#364e96
```
#364e96 rgb(54,78,150)
```
#967e36
```
#967e36 rgb(150,126,54)
```

Complementary Color

#367e96
```
#367e96 rgb(54,126,150)
```
#364e96
```
#364e96 rgb(54,78,150)
```
#4e3696
```
#4e3696 rgb(78,54,150)
```

Analogous Color

#7e9636
```
#7e9636 rgb(126,150,54)
```
#364e96
```
#364e96 rgb(54,78,150)
```
#964e36
```
#964e36 rgb(150,78,54)
```

Split Complementary Color

#4e9636
```
#4e9636 rgb(78,150,54)
```
#364e96
```
#364e96 rgb(54,78,150)
```
#96364e
```
#96364e rgb(150,54,78)
```

Triadic Color

#36967e
```
#36967e rgb(54,150,126)
```
#364e96
```
#364e96 rgb(54,78,150)
```
#96364e
```
#96364e rgb(150,54,78)
```
#967e36
```
#967e36 rgb(150,126,54)
```

Tetradic Color

#22315e
```
#22315e rgb(34,49,94)
```
#293b71
```
#293b71 rgb(41,59,113)
```
#2f4483
```
#2f4483 rgb(47,68,131)
```
#364e96
```
#364e96 rgb(54,78,150)
```
#3d58a9
```
#3d58a9 rgb(61,88,169)
```
#4462bc
```
#4462bc rgb(68,98,188)
```
#5671c2
```
#5671c2 rgb(86,113,194)
```

Monochromatic Color

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

#366696
```
#366696 rgb(54,102,150)
```
#365e96
```
#365e96 rgb(54,94,150)
```
#365696
```
#365696 rgb(54,86,150)
```
#364e96
```
#364e96 rgb(54,78,150)
```
#364696
```
#364696 rgb(54,70,150)
```
#363e96
```
#363e96 rgb(54,62,150)
```
#363696
```
#363696 rgb(54,54,150)
```

Similar Colors

Text with hexadecimal color #364e96

This text has a font color of #364e96.

<span style="color:#364e96;">Text here</span>

#364e96 background color

This paragraph has a background color of #364e96.

<p style="background-color:#364e96;">Content here</p>

#364e96 border color

This element has a border color of #364e96.

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

CSS codes

.text {color:#364e96;}

.background {background-color:#364e96;}

.border {border:1px solid #364e96;}

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

#020306
```
#020306 rgb(2,3,6)
```
#070b14
```
#070b14 rgb(7,11,20)
```
#0c1223
```
#0c1223 rgb(12,18,35)
```
#121a31
```
#121a31 rgb(18,26,49)
```
#17213f
```
#17213f rgb(23,33,63)
```
#1c294e
```
#1c294e rgb(28,41,78)
```
#21305c
```
#21305c rgb(33,48,92)
```
#26386b
```
#26386b rgb(38,56,107)
```
#2c3f79
```
#2c3f79 rgb(44,63,121)
```
#314788
```
#314788 rgb(49,71,136)
```
#364e96
```
#364e96 rgb(54,78,150)
```
#3b56a4
```
#3b56a4 rgb(59,86,164)
```
#405db3
```
#405db3 rgb(64,93,179)
```

Shade Color Variation

#4966be
```
#4966be rgb(73,102,190)
```
#5872c3
```
#5872c3 rgb(88,114,195)
```
#667fc8
```
#667fc8 rgb(102,127,200)
```
#758bcd
```
#758bcd rgb(117,139,205)
```
#8397d2
```
#8397d2 rgb(131,151,210)
```
#91a3d8
```
#91a3d8 rgb(145,163,216)
```
#a0afdd
```
#a0afdd rgb(160,175,221)
```
#aebbe2
```
#aebbe2 rgb(174,187,226)
```
#bdc7e7
```
#bdc7e7 rgb(189,199,231)
```
#cbd3ec
```
#cbd3ec rgb(203,211,236)
```
#dae0f2
```
#dae0f2 rgb(218,224,242)
```
#e8ecf7
```
#e8ecf7 rgb(232,236,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656667 is the less saturated color, while #0736c5 is the most saturated one.

#656667
```
#656667 rgb(101,102,103)
```
#5d626f
```
#5d626f rgb(93,98,111)
```
#555e77
```
#555e77 rgb(85,94,119)
```
#4e5a7e
```
#4e5a7e rgb(78,90,126)
```
#465686
```
#465686 rgb(70,86,134)
```
#3e528e
```
#3e528e rgb(62,82,142)
```
#364e96
```
#364e96 rgb(54,78,150)
```
#2e4a9e
```
#2e4a9e rgb(46,74,158)
```
#2646a6
```
#2646a6 rgb(38,70,166)
```
#1e42ae
```
#1e42ae rgb(30,66,174)
```
#173eb5
```
#173eb5 rgb(23,62,181)
```
#0f3abd
```
#0f3abd rgb(15,58,189)
```
#0736c5
```
#0736c5 rgb(7,54,197)
```

Tone Color Variation

Below, you can see how #364e96 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

#4f4f4f Achromatopsia 0.005% of the population
#4a4f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#35589c Protanopia 1% of men
#155c99 Deuteranopia 1% of men
#1b636a Tritanopia 0.001% of the population

Trichromacy

#35549a Protanomaly 1% of men, 0.01% of women
#215798 Deuteranomaly 6% of men, 0.4% of women
#255b7a Tritanomaly 0.01% of the population

#364e96 hex color

#364e96 Color Information

#364e96 Color Conversion

Color Schemes with #364e96

Alternatives to #364e96

#364e96 Preview

Shades and Tints of #364e96

Tones of #364e96

Color Blindness Simulator