colorhexa.com

#564248 hex color

In a RGB color space, hex #564248 is composed of 33.7% red, 25.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 16.3% yellow and 66.3% black. It has a hue angle of 342 degrees, a saturation of 13.2% and a lightness of 29.8%. #564248 color hex could be obtained by blending #ac8490 with #000000. Closest websafe color is: #663333.

- R 34
- G 26
- B 28
RGB color chart
- C 0
- M 23
- Y 16
- K 66
CMYK color chart

● #564248 color description : Very dark grayish pink.

The hexadecimal color #564248 has RGB values of R:86, G:66, B:72 and CMYK values of C:0, M:0.23, Y:0.16, K:0.66. Its decimal value is 5653064.

Hex triplet	564248	`#564248`
RGB Decimal	86, 66, 72	`rgb(86,66,72)`
RGB Percent	33.7, 25.9, 28.2	`rgb(33.7%,25.9%,28.2%)`
CMYK	0, 23, 16, 66
HSL	342°, 13.2, 29.8	`hsl(342,13.2%,29.8%)`
HSV (or HSB)	342°, 23.3, 33.7
Web Safe	663333	`#663333`

CIE-LAB	30.262, 9.735, -0.315
XYZ	6.956, 6.343, 6.988
xyY	0.343, 0.313, 6.343
CIE-LCH	30.262, 9.74, 358.148
CIE-LUV	30.262, 11.109, -1.756
Hunter-Lab	25.185, 5.223, 1.178
Binary	01010110, 01000010, 01001000

#564248
```
#564248 rgb(86,66,72)
```
#425650
```
#425650 rgb(66,86,80)
```

Complementary Color

#564252
```
#564252 rgb(86,66,82)
```
#564248
```
#564248 rgb(86,66,72)
```
#564642
```
#564642 rgb(86,70,66)
```

Analogous Color

#425256
```
#425256 rgb(66,82,86)
```
#564248
```
#564248 rgb(86,66,72)
```
#425646
```
#425646 rgb(66,86,70)
```

Split Complementary Color

#2b2124
```
#2b2124 rgb(43,33,36)
```
#392c30
```
#392c30 rgb(57,44,48)
```
#48373c
```
#48373c rgb(72,55,60)
```
#564248
```
#564248 rgb(86,66,72)
```
#644d54
```
#644d54 rgb(100,77,84)
```
#735860
```
#735860 rgb(115,88,96)
```
#81636c
```
#81636c rgb(129,99,108)
```

Monochromatic Color

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

#56424d
```
#56424d rgb(86,66,77)
```
#56424b
```
#56424b rgb(86,66,75)
```
#56424a
```
#56424a rgb(86,66,74)
```
#564248
```
#564248 rgb(86,66,72)
```
#564246
```
#564246 rgb(86,66,70)
```
#564245
```
#564245 rgb(86,66,69)
```
#564243
```
#564243 rgb(86,66,67)
```

Similar Colors

Text with hexadecimal color #564248

This text has a font color of #564248.

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

#564248 background color

This paragraph has a background color of #564248.

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

#564248 border color

This element has a border color of #564248.

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

CSS codes

.text {color:#564248;}

.background {background-color:#564248;}

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

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

#080607
```
#080607 rgb(8,6,7)
```
#130f10
```
#130f10 rgb(19,15,16)
```
#1f171a
```
#1f171a rgb(31,23,26)
```
#2a2023
```
#2a2023 rgb(42,32,35)
```
#35282c
```
#35282c rgb(53,40,44)
```
#403135
```
#403135 rgb(64,49,53)
```
#4b393f
```
#4b393f rgb(75,57,63)
```
#564248
```
#564248 rgb(86,66,72)
```
#614b51
```
#614b51 rgb(97,75,81)
```
#6c535b
```
#6c535b rgb(108,83,91)
```
#775c64
```
#775c64 rgb(119,92,100)
```
#82646d
```
#82646d rgb(130,100,109)
```
#8d6d76
```
#8d6d76 rgb(141,109,118)
```

Shade Color Variation

#977781
```
#977781 rgb(151,119,129)
```
#9f828b
```
#9f828b rgb(159,130,139)
```
#a88d95
```
#a88d95 rgb(168,141,149)
```
#b0989f
```
#b0989f rgb(176,152,159)
```
#b9a3aa
```
#b9a3aa rgb(185,163,170)
```
#c1afb4
```
#c1afb4 rgb(193,175,180)
```
#cababe
```
#cababe rgb(202,186,190)
```
#d2c5c9
```
#d2c5c9 rgb(210,197,201)
```
#dbd0d3
```
#dbd0d3 rgb(219,208,211)
```
#e3dbdd
```
#e3dbdd rgb(227,219,221)
```
#ece6e8
```
#ece6e8 rgb(236,230,232)
```
#f4f1f2
```
#f4f1f2 rgb(244,241,242)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

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

#50484a
```
#50484a rgb(80,72,74)
```
#564248
```
#564248 rgb(86,66,72)
```
#5c3c46
```
#5c3c46 rgb(92,60,70)
```
#623643
```
#623643 rgb(98,54,67)
```
#683041
```
#683041 rgb(104,48,65)
```
#6d2b3f
```
#6d2b3f rgb(109,43,63)
```
#73253c
```
#73253c rgb(115,37,60)
```
#791f3a
```
#791f3a rgb(121,31,58)
```
#7f1938
```
#7f1938 rgb(127,25,56)
```
#851335
```
#851335 rgb(133,19,53)
```
#8b0d33
```
#8b0d33 rgb(139,13,51)
```
#900831
```
#900831 rgb(144,8,49)
```
#96022e
```
#96022e rgb(150,2,46)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4c4849 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515053 Protanopia 1% of men
#584e50 Deuteranopia 1% of men
#5e4b51 Tritanopia 0.001% of the population

Trichromacy

#524b4f Protanomaly 1% of men, 0.01% of women
#57494d Deuteranomaly 6% of men, 0.4% of women
#5b484d Tritanomaly 0.01% of the population