#364168 hex color

In a RGB color space, hex #364168 is composed of 21.2% red, 25.5% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 37.5% magenta, 0% yellow and 59.2% black. It has a hue angle of 226.8 degrees, a saturation of 31.6% and a lightness of 31%. #364168 color hex could be obtained by blending #6c82d0 with #000000. Closest websafe color is: #333366.

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

● #364168 color description : Very dark desaturated blue.

The hexadecimal color #364168 has RGB values of R:54, G:65, B:104 and CMYK values of C:0.48, M:0.38, Y:0, K:0.59. Its decimal value is 3555688.

Hex triplet	364168	`#364168`
RGB Decimal	54, 65, 104	`rgb(54,65,104)`
RGB Percent	21.2, 25.5, 40.8	`rgb(21.2%,25.5%,40.8%)`
CMYK	48, 38, 0, 59
HSL	226.8°, 31.6, 31	`hsl(226.8,31.6%,31%)`
HSV (or HSB)	226.8°, 48.1, 40.8
Web Safe	333366	`#333366`

CIE-LAB	28.285, 7.2, -24.251
XYZ	5.91, 5.564, 13.859
xyY	0.233, 0.22, 5.564
CIE-LCH	28.285, 25.297, 286.535
CIE-LUV	28.285, -6.367, -31.591
Hunter-Lab	23.588, 3.441, -18.322
Binary	00110110, 01000001, 01101000

#364168
```
#364168 rgb(54,65,104)
```
#685d36
```
#685d36 rgb(104,93,54)
```

Complementary Color

#365a68
```
#365a68 rgb(54,90,104)
```
#364168
```
#364168 rgb(54,65,104)
```
#443668
```
#443668 rgb(68,54,104)
```

Analogous Color

#5a6836
```
#5a6836 rgb(90,104,54)
```
#364168
```
#364168 rgb(54,65,104)
```
#684436
```
#684436 rgb(104,68,54)
```

Split Complementary Color

#416836
```
#416836 rgb(65,104,54)
```
#364168
```
#364168 rgb(54,65,104)
```
#683641
```
#683641 rgb(104,54,65)
```

Triadic Color

#36685d
```
#36685d rgb(54,104,93)
```
#364168
```
#364168 rgb(54,65,104)
```
#683641
```
#683641 rgb(104,54,65)
```
#685d36
```
#685d36 rgb(104,93,54)
```

Tetradic Color

#1c2236
```
#1c2236 rgb(28,34,54)
```
#252c46
```
#252c46 rgb(37,44,70)
```
#2d3757
```
#2d3757 rgb(45,55,87)
```
#364168
```
#364168 rgb(54,65,104)
```
#3f4b79
```
#3f4b79 rgb(63,75,121)
```
#47568a
```
#47568a rgb(71,86,138)
```
#50609a
```
#50609a rgb(80,96,154)
```

Monochromatic Color

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

#364e68
```
#364e68 rgb(54,78,104)
```
#364968
```
#364968 rgb(54,73,104)
```
#364568
```
#364568 rgb(54,69,104)
```
#364168
```
#364168 rgb(54,65,104)
```
#363d68
```
#363d68 rgb(54,61,104)
```
#363968
```
#363968 rgb(54,57,104)
```
#383668
```
#383668 rgb(56,54,104)
```

Similar Colors

Text with hexadecimal color #364168

This text has a font color of #364168.

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

#364168 background color

This paragraph has a background color of #364168.

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

#364168 border color

This element has a border color of #364168.

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

CSS codes

.text {color:#364168;}

.background {background-color:#364168;}

.border {border:1px solid #364168;}

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

#000001
```
#000001 rgb(0,0,1)
```
#07090e
```
#07090e rgb(7,9,14)
```
#0e111b
```
#0e111b rgb(14,17,27)
```
#141927
```
#141927 rgb(20,25,39)
```
#1b2134
```
#1b2134 rgb(27,33,52)
```
#222941
```
#222941 rgb(34,41,65)
```
#29314e
```
#29314e rgb(41,49,78)
```
#2f395b
```
#2f395b rgb(47,57,91)
```
#364168
```
#364168 rgb(54,65,104)
```
#3d4975
```
#3d4975 rgb(61,73,117)
```
#435182
```
#435182 rgb(67,81,130)
```
#4a598f
```
#4a598f rgb(74,89,143)
```
#51619c
```
#51619c rgb(81,97,156)
```

Shade Color Variation

#586aa8
```
#586aa8 rgb(88,106,168)
```
#6575af
```
#6575af rgb(101,117,175)
```
#7281b6
```
#7281b6 rgb(114,129,182)
```
#7f8cbc
```
#7f8cbc rgb(127,140,188)
```
#8c98c3
```
#8c98c3 rgb(140,152,195)
```
#98a3ca
```
#98a3ca rgb(152,163,202)
```
#a5afd0
```
#a5afd0 rgb(165,175,208)
```
#b2bad7
```
#b2bad7 rgb(178,186,215)
```
#bfc6de
```
#bfc6de rgb(191,198,222)
```
#ccd1e5
```
#ccd1e5 rgb(204,209,229)
```
#d9ddeb
```
#d9ddeb rgb(217,221,235)
```
#e6e9f2
```
#e6e9f2 rgb(230,233,242)
```
#f3f4f9
```
#f3f4f9 rgb(243,244,249)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#484b56
```
#484b56 rgb(72,75,86)
```
#42485c
```
#42485c rgb(66,72,92)
```
#3c4462
```
#3c4462 rgb(60,68,98)
```
#364168
```
#364168 rgb(54,65,104)
```
#303e6e
```
#303e6e rgb(48,62,110)
```
#2a3a74
```
#2a3a74 rgb(42,58,116)
```
#24377a
```
#24377a rgb(36,55,122)
```
#1e3380
```
#1e3380 rgb(30,51,128)
```
#183086
```
#183086 rgb(24,48,134)
```
#122d8c
```
#122d8c rgb(18,45,140)
```
#0b2993
```
#0b2993 rgb(11,41,147)
```
#052699
```
#052699 rgb(5,38,153)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#40424a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4b70 Protanopia 1% of men
#3a4c6f Deuteranopia 1% of men
#375056 Tritanopia 0.001% of the population

Trichromacy

#3b476d Protanomaly 1% of men, 0.01% of women
#39486c Deuteranomaly 6% of men, 0.4% of women
#364a5c Tritanomaly 0.01% of the population

#364168 hex color

#364168 Color Information

#364168 Color Conversion

Color Schemes with #364168

Alternatives to #364168

#364168 Preview

Shades and Tints of #364168

Tones of #364168

Color Blindness Simulator