colorhexa.com

#5a2f3e hex color

In a RGB color space, hex #5a2f3e is composed of 35.3% red, 18.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 31.1% yellow and 64.7% black. It has a hue angle of 339.1 degrees, a saturation of 31.4% and a lightness of 26.9%. #5a2f3e color hex could be obtained by blending #b45e7c with #000000. Closest websafe color is: #663333.

- R 35
- G 18
- B 24
RGB color chart
- C 0
- M 48
- Y 31
- K 65
CMYK color chart

● #5a2f3e color description : Very dark desaturated pink.

The hexadecimal color #5a2f3e has RGB values of R:90, G:47, B:62 and CMYK values of C:0, M:0.48, Y:0.31, K:0.65. Its decimal value is 5910334.

Hex triplet	5a2f3e	`#5a2f3e`
RGB Decimal	90, 47, 62	`rgb(90,47,62)`
RGB Percent	35.3, 18.4, 24.3	`rgb(35.3%,18.4%,24.3%)`
CMYK	0, 48, 31, 65
HSL	339.1°, 31.4, 26.9	`hsl(339.1,31.4%,26.9%)`
HSV (or HSB)	339.1°, 47.8, 35.3
Web Safe	663333	`#663333`

CIE-LAB	25.427, 21.649, -0.739
XYZ	6.102, 4.555, 5.115
xyY	0.387, 0.289, 4.555
CIE-LCH	25.427, 21.661, 358.046
CIE-LUV	25.427, 24.486, -3.862
Hunter-Lab	21.342, 13.691, 0.73
Binary	01011010, 00101111, 00111110

#5a2f3e
```
#5a2f3e rgb(90,47,62)
```
#2f5a4b
```
#2f5a4b rgb(47,90,75)
```

Complementary Color

#5a2f54
```
#5a2f54 rgb(90,47,84)
```
#5a2f3e
```
#5a2f3e rgb(90,47,62)
```
#5a362f
```
#5a362f rgb(90,54,47)
```

Analogous Color

#2f545a
```
#2f545a rgb(47,84,90)
```
#5a2f3e
```
#5a2f3e rgb(90,47,62)
```
#2f5a36
```
#2f5a36 rgb(47,90,54)
```

Split Complementary Color

#28151b
```
#28151b rgb(40,21,27)
```
#381e27
```
#381e27 rgb(56,30,39)
```
#492632
```
#492632 rgb(73,38,50)
```
#5a2f3e
```
#5a2f3e rgb(90,47,62)
```
#6b384a
```
#6b384a rgb(107,56,74)
```
#7c4055
```
#7c4055 rgb(124,64,85)
```
#8c4961
```
#8c4961 rgb(140,73,97)
```

Monochromatic Color

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

#5a2f49
```
#5a2f49 rgb(90,47,73)
```
#5a2f45
```
#5a2f45 rgb(90,47,69)
```
#5a2f42
```
#5a2f42 rgb(90,47,66)
```
#5a2f3e
```
#5a2f3e rgb(90,47,62)
```
#5a2f3a
```
#5a2f3a rgb(90,47,58)
```
#5a2f37
```
#5a2f37 rgb(90,47,55)
```
#5a2f33
```
#5a2f33 rgb(90,47,51)
```

Similar Colors

Text with hexadecimal color #5a2f3e

This text has a font color of #5a2f3e.

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

#5a2f3e background color

This paragraph has a background color of #5a2f3e.

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

#5a2f3e border color

This element has a border color of #5a2f3e.

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

CSS codes

.text {color:#5a2f3e;}

.background {background-color:#5a2f3e;}

.border {border:1px solid #5a2f3e;}

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, #0d0709 is the darkest color, while #ffffff is the lightest one.

#0d0709
```
#0d0709 rgb(13,7,9)
```
#1a0d12
```
#1a0d12 rgb(26,13,18)
```
#26141a
```
#26141a rgb(38,20,26)
```
#331b23
```
#331b23 rgb(51,27,35)
```
#40222c
```
#40222c rgb(64,34,44)
```
#4d2835
```
#4d2835 rgb(77,40,53)
```
#5a2f3e
```
#5a2f3e rgb(90,47,62)
```
#673647
```
#673647 rgb(103,54,71)
```
#743c50
```
#743c50 rgb(116,60,80)
```
#814359
```
#814359 rgb(129,67,89)
```
#8e4a62
```
#8e4a62 rgb(142,74,98)
```
#9a516a
```
#9a516a rgb(154,81,106)
```
#a75773
```
#a75773 rgb(167,87,115)
```

Shade Color Variation

#ae647e
```
#ae647e rgb(174,100,126)
```
#b57189
```
#b57189 rgb(181,113,137)
```
#bc7e93
```
#bc7e93 rgb(188,126,147)
```
#c28b9e
```
#c28b9e rgb(194,139,158)
```
#c998a9
```
#c998a9 rgb(201,152,169)
```
#d0a5b4
```
#d0a5b4 rgb(208,165,180)
```
#d7b1be
```
#d7b1be rgb(215,177,190)
```
#ddbec9
```
#ddbec9 rgb(221,190,201)
```
#e4cbd4
```
#e4cbd4 rgb(228,203,212)
```
#ebd8df
```
#ebd8df rgb(235,216,223)
```
#f1e5e9
```
#f1e5e9 rgb(241,229,233)
```
#f8f2f4
```
#f8f2f4 rgb(248,242,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#454444
```
#454444 rgb(69,68,68)
```
#4a3f43
```
#4a3f43 rgb(74,63,67)
```
#4f3a41
```
#4f3a41 rgb(79,58,65)
```
#553440
```
#553440 rgb(85,52,64)
```
#5a2f3e
```
#5a2f3e rgb(90,47,62)
```
#5f2a3c
```
#5f2a3c rgb(95,42,60)
```
#65243b
```
#65243b rgb(101,36,59)
```
#6a1f39
```
#6a1f39 rgb(106,31,57)
```
#6f1a38
```
#6f1a38 rgb(111,26,56)
```
#741536
```
#741536 rgb(116,21,54)
```
#7a0f34
```
#7a0f34 rgb(122,15,52)
```
#7f0a33
```
#7f0a33 rgb(127,10,51)
```
#840531
```
#840531 rgb(132,5,49)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#443b3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#45454e Protanopia 1% of men
#4d4445 Deuteranopia 1% of men
#613b3f Tritanopia 0.001% of the population

Trichromacy

#4c3d48 Protanomaly 1% of men, 0.01% of women
#513c42 Deuteranomaly 6% of men, 0.4% of women
#5e363e Tritanomaly 0.01% of the population