#324f5a hex color

In a RGB color space, hex #324f5a is composed of 19.6% red, 31% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 12.2% magenta, 0% yellow and 64.7% black. It has a hue angle of 196.5 degrees, a saturation of 28.6% and a lightness of 27.5%. #324f5a color hex could be obtained by blending #649eb4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 31
- B 35
RGB color chart
- C 44
- M 12
- Y 0
- K 65
CMYK color chart

● #324f5a color description : Very dark desaturated blue.

The hexadecimal color #324f5a has RGB values of R:50, G:79, B:90 and CMYK values of C:0.44, M:0.12, Y:0, K:0.65. Its decimal value is 3297114.

Hex triplet	324f5a	`#324f5a`
RGB Decimal	50, 79, 90	`rgb(50,79,90)`
RGB Percent	19.6, 31, 35.3	`rgb(19.6%,31%,35.3%)`
CMYK	44, 12, 0, 65
HSL	196.5°, 28.6, 27.5	`hsl(196.5,28.6%,27.5%)`
HSV (or HSB)	196.5°, 44.4, 35.3
Web Safe	336666	`#336666`

CIE-LAB	31.825, -7.54, -9.868
XYZ	5.956, 7.008, 10.711
xyY	0.252, 0.296, 7.008
CIE-LCH	31.825, 12.419, 232.619
CIE-LUV	31.825, -13.02, -11.551
Hunter-Lab	26.473, -6.164, -5.459
Binary	00110010, 01001111, 01011010

#324f5a
```
#324f5a rgb(50,79,90)
```
#5a3d32
```
#5a3d32 rgb(90,61,50)
```

Complementary Color

#325a51
```
#325a51 rgb(50,90,81)
```
#324f5a
```
#324f5a rgb(50,79,90)
```
#323b5a
```
#323b5a rgb(50,59,90)
```

Analogous Color

#5a5132
```
#5a5132 rgb(90,81,50)
```
#324f5a
```
#324f5a rgb(50,79,90)
```
#5a323b
```
#5a323b rgb(90,50,59)
```

Split Complementary Color

#4f5a32
```
#4f5a32 rgb(79,90,50)
```
#324f5a
```
#324f5a rgb(50,79,90)
```
#5a324f
```
#5a324f rgb(90,50,79)
```

Triadic Color

#325a3d
```
#325a3d rgb(50,90,61)
```
#324f5a
```
#324f5a rgb(50,79,90)
```
#5a324f
```
#5a324f rgb(90,50,79)
```
#5a3d32
```
#5a3d32 rgb(90,61,50)
```

Tetradic Color

#172429
```
#172429 rgb(23,36,41)
```
#203239
```
#203239 rgb(32,50,57)
```
#29414a
```
#29414a rgb(41,65,74)
```
#324f5a
```
#324f5a rgb(50,79,90)
```
#3b5d6a
```
#3b5d6a rgb(59,93,106)
```
#446c7b
```
#446c7b rgb(68,108,123)
```
#4d7a8b
```
#4d7a8b rgb(77,122,139)
```

Monochromatic Color

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

#32595a
```
#32595a rgb(50,89,90)
```
#32565a
```
#32565a rgb(50,86,90)
```
#32525a
```
#32525a rgb(50,82,90)
```
#324f5a
```
#324f5a rgb(50,79,90)
```
#324c5a
```
#324c5a rgb(50,76,90)
```
#32485a
```
#32485a rgb(50,72,90)
```
#32455a
```
#32455a rgb(50,69,90)
```

Similar Colors

Text with hexadecimal color #324f5a

This text has a font color of #324f5a.

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

#324f5a background color

This paragraph has a background color of #324f5a.

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

#324f5a border color

This element has a border color of #324f5a.

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

CSS codes

.text {color:#324f5a;}

.background {background-color:#324f5a;}

.border {border:1px solid #324f5a;}

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

#010202
```
#010202 rgb(1,2,2)
```
#080d0e
```
#080d0e rgb(8,13,14)
```
#0f181b
```
#0f181b rgb(15,24,27)
```
#162328
```
#162328 rgb(22,35,40)
```
#1d2e34
```
#1d2e34 rgb(29,46,52)
```
#243941
```
#243941 rgb(36,57,65)
```
#2b444d
```
#2b444d rgb(43,68,77)
```
#324f5a
```
#324f5a rgb(50,79,90)
```
#395a67
```
#395a67 rgb(57,90,103)
```
#406573
```
#406573 rgb(64,101,115)
```
#477080
```
#477080 rgb(71,112,128)
```
#4e7b8c
```
#4e7b8c rgb(78,123,140)
```
#558699
```
#558699 rgb(85,134,153)
```

Shade Color Variation

#5d91a5
```
#5d91a5 rgb(93,145,165)
```
#699aac
```
#699aac rgb(105,154,172)
```
#76a2b3
```
#76a2b3 rgb(118,162,179)
```
#83abba
```
#83abba rgb(131,171,186)
```
#8fb3c1
```
#8fb3c1 rgb(143,179,193)
```
#9cbcc8
```
#9cbcc8 rgb(156,188,200)
```
#a8c4cf
```
#a8c4cf rgb(168,196,207)
```
#b5cdd6
```
#b5cdd6 rgb(181,205,214)
```
#c2d5dd
```
#c2d5dd rgb(194,213,221)
```
#cedee4
```
#cedee4 rgb(206,222,228)
```
#dbe7eb
```
#dbe7eb rgb(219,231,235)
```
#e8eff2
```
#e8eff2 rgb(232,239,242)
```
#f4f8f9
```
#f4f8f9 rgb(244,248,249)
```

Tint Color Variation

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

#42484a
```
#42484a rgb(66,72,74)
```
#3d4a4f
```
#3d4a4f rgb(61,74,79)
```
#374d55
```
#374d55 rgb(55,77,85)
```
#324f5a
```
#324f5a rgb(50,79,90)
```
#2d515f
```
#2d515f rgb(45,81,95)
```
#275465
```
#275465 rgb(39,84,101)
```
#22566a
```
#22566a rgb(34,86,106)
```
#1c5970
```
#1c5970 rgb(28,89,112)
```
#175b75
```
#175b75 rgb(23,91,117)
```
#125e7a
```
#125e7a rgb(18,94,122)
```
#0c6080
```
#0c6080 rgb(12,96,128)
```
#076285
```
#076285 rgb(7,98,133)
```
#02658a
```
#02658a rgb(2,101,138)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#44494c Atypical Achromatopsia 0.001% of the population

Dichromacy

#51535f Protanopia 1% of men
#535264 Deuteranopia 1% of men
#3b585f Tritanopia 0.001% of the population

Trichromacy

#46515d Protanomaly 1% of men, 0.01% of women
#475160 Deuteranomaly 6% of men, 0.4% of women
#38555d Tritanomaly 0.01% of the population

#324f5a hex color

#324f5a Color Information

#324f5a Color Conversion

Color Schemes with #324f5a

Alternatives to #324f5a

#324f5a Preview

Shades and Tints of #324f5a

Tones of #324f5a

Color Blindness Simulator