#324a48 hex color

In a RGB color space, hex #324a48 is composed of 19.6% red, 29% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 32.4% cyan, 0% magenta, 2.7% yellow and 71% black. It has a hue angle of 175 degrees, a saturation of 19.4% and a lightness of 24.3%. #324a48 color hex could be obtained by blending #649490 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 29
- B 28
RGB color chart
- C 32
- M 0
- Y 3
- K 71
CMYK color chart

● #324a48 color description : Very dark grayish cyan.

The hexadecimal color #324a48 has RGB values of R:50, G:74, B:72 and CMYK values of C:0.32, M:0, Y:0.03, K:0.71. Its decimal value is 3295816.

Hex triplet	324a48	`#324a48`
RGB Decimal	50, 74, 72	`rgb(50,74,72)`
RGB Percent	19.6, 29, 28.2	`rgb(19.6%,29%,28.2%)`
CMYK	32, 0, 3, 71
HSL	175°, 19.4, 24.3	`hsl(175,19.4%,24.3%)`
HSV (or HSB)	175°, 32.4, 29
Web Safe	333333	`#333333`

CIE-LAB	29.522, -9.7, -1.776
XYZ	4.934, 6.043, 7.037
xyY	0.274, 0.335, 6.043
CIE-LCH	29.522, 9.861, 190.376
CIE-LUV	29.522, -11.026, -0.863
Hunter-Lab	24.583, -7.198, 0.236
Binary	00110010, 01001010, 01001000

#324a48
```
#324a48 rgb(50,74,72)
```
#4a3234
```
#4a3234 rgb(74,50,52)
```

Complementary Color

#324a3c
```
#324a3c rgb(50,74,60)
```
#324a48
```
#324a48 rgb(50,74,72)
```
#32404a
```
#32404a rgb(50,64,74)
```

Analogous Color

#4a3c32
```
#4a3c32 rgb(74,60,50)
```
#324a48
```
#324a48 rgb(50,74,72)
```
#4a3240
```
#4a3240 rgb(74,50,64)
```

Split Complementary Color

#4a4832
```
#4a4832 rgb(74,72,50)
```
#324a48
```
#324a48 rgb(50,74,72)
```
#48324a
```
#48324a rgb(72,50,74)
```

Triadic Color

#344a32
```
#344a32 rgb(52,74,50)
```
#324a48
```
#324a48 rgb(50,74,72)
```
#48324a
```
#48324a rgb(72,50,74)
```
#4a3234
```
#4a3234 rgb(74,50,52)
```

Tetradic Color

#131c1c
```
#131c1c rgb(19,28,28)
```
#1d2c2a
```
#1d2c2a rgb(29,44,42)
```
#283b39
```
#283b39 rgb(40,59,57)
```
#324a48
```
#324a48 rgb(50,74,72)
```
#3c5957
```
#3c5957 rgb(60,89,87)
```
#476866
```
#476866 rgb(71,104,102)
```
#517874
```
#517874 rgb(81,120,116)
```

Monochromatic Color

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

#324a42
```
#324a42 rgb(50,74,66)
```
#324a44
```
#324a44 rgb(50,74,68)
```
#324a46
```
#324a46 rgb(50,74,70)
```
#324a48
```
#324a48 rgb(50,74,72)
```
#324a4a
```
#324a4a rgb(50,74,74)
```
#32484a
```
#32484a rgb(50,72,74)
```
#32464a
```
#32464a rgb(50,70,74)
```

Similar Colors

Text with hexadecimal color #324a48

This text has a font color of #324a48.

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

#324a48 background color

This paragraph has a background color of #324a48.

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

#324a48 border color

This element has a border color of #324a48.

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

CSS codes

.text {color:#324a48;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a0f0f
```
#0a0f0f rgb(10,15,15)
```
#121b1a
```
#121b1a rgb(18,27,26)
```
#1a2726
```
#1a2726 rgb(26,39,38)
```
#223331
```
#223331 rgb(34,51,49)
```
#2a3e3d
```
#2a3e3d rgb(42,62,61)
```
#324a48
```
#324a48 rgb(50,74,72)
```
#3a5653
```
#3a5653 rgb(58,86,83)
```
#42615f
```
#42615f rgb(66,97,95)
```
#4a6d6a
```
#4a6d6a rgb(74,109,106)
```
#527976
```
#527976 rgb(82,121,118)
```
#5a8581
```
#5a8581 rgb(90,133,129)
```
#61908c
```
#61908c rgb(97,144,140)
```

Shade Color Variation

#6b9b97
```
#6b9b97 rgb(107,155,151)
```
#76a39f
```
#76a39f rgb(118,163,159)
```
#82aba7
```
#82aba7 rgb(130,171,167)
```
#8eb2af
```
#8eb2af rgb(142,178,175)
```
#99bab8
```
#99bab8 rgb(153,186,184)
```
#a5c2c0
```
#a5c2c0 rgb(165,194,192)
```
#b1cac8
```
#b1cac8 rgb(177,202,200)
```
#bdd2d0
```
#bdd2d0 rgb(189,210,208)
```
#c8dad9
```
#c8dad9 rgb(200,218,217)
```
#d4e2e1
```
#d4e2e1 rgb(212,226,225)
```
#e0eae9
```
#e0eae9 rgb(224,234,233)
```
#ebf2f1
```
#ebf2f1 rgb(235,242,241)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3c4040 is the less saturated color, while #027a70 is the most saturated one.

#3c4040
```
#3c4040 rgb(60,64,64)
```
#374544
```
#374544 rgb(55,69,68)
```
#324a48
```
#324a48 rgb(50,74,72)
```
#2d4f4c
```
#2d4f4c rgb(45,79,76)
```
#285450
```
#285450 rgb(40,84,80)
```
#245854
```
#245854 rgb(36,88,84)
```
#1f5d58
```
#1f5d58 rgb(31,93,88)
```
#1a625c
```
#1a625c rgb(26,98,92)
```
#156760
```
#156760 rgb(21,103,96)
```
#116b64
```
#116b64 rgb(17,107,100)
```
#0c7068
```
#0c7068 rgb(12,112,104)
```
#07756c
```
#07756c rgb(7,117,108)
```
#027a70
```
#027a70 rgb(2,122,112)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#404444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504e4f Protanopia 1% of men
#544d53 Deuteranopia 1% of men
#3e5258 Tritanopia 0.001% of the population

Trichromacy

#454d4c Protanomaly 1% of men, 0.01% of women
#474b4f Deuteranomaly 6% of men, 0.4% of women
#394f52 Tritanomaly 0.01% of the population

#324a48 hex color

#324a48 Color Information

#324a48 Color Conversion

Color Schemes with #324a48

Alternatives to #324a48

#324a48 Preview

Shades and Tints of #324a48

Tones of #324a48

Color Blindness Simulator