colorhexa.com

#7f3357 hex color

In a RGB color space, hex #7f3357 is composed of 49.8% red, 20% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 31.5% yellow and 50.2% black. It has a hue angle of 331.6 degrees, a saturation of 42.7% and a lightness of 34.9%. #7f3357 color hex could be obtained by blending #fe66ae with #000000. Closest websafe color is: #663366.

- R 50
- G 20
- B 34
RGB color chart
- C 0
- M 60
- Y 31
- K 50
CMYK color chart

● #7f3357 color description : Dark moderate pink.

The hexadecimal color #7f3357 has RGB values of R:127, G:51, B:87 and CMYK values of C:0, M:0.6, Y:0.31, K:0.5. Its decimal value is 8336215.

Hex triplet	7f3357	`#7f3357`
RGB Decimal	127, 51, 87	`rgb(127,51,87)`
RGB Percent	49.8, 20, 34.1	`rgb(49.8%,20%,34.1%)`
CMYK	0, 60, 31, 50
HSL	331.6°, 42.7, 34.9	`hsl(331.6,42.7%,34.9%)`
HSV (or HSB)	331.6°, 59.8, 49.8
Web Safe	663366	`#663366`

CIE-LAB	33.068, 36.917, -5.222
XYZ	11.657, 7.569, 9.863
xyY	0.401, 0.26, 7.569
CIE-LCH	33.068, 37.284, 351.948
CIE-LUV	33.068, 44.454, -12.136
Hunter-Lab	27.511, 27.486, -1.999
Binary	01111111, 00110011, 01010111

#7f3357
```
#7f3357 rgb(127,51,87)
```
#337f5b
```
#337f5b rgb(51,127,91)
```

Complementary Color

#7f337d
```
#7f337d rgb(127,51,125)
```
#7f3357
```
#7f3357 rgb(127,51,87)
```
#7f3533
```
#7f3533 rgb(127,53,51)
```

Analogous Color

#337d7f
```
#337d7f rgb(51,125,127)
```
#7f3357
```
#7f3357 rgb(127,51,87)
```
#337f35
```
#337f35 rgb(51,127,53)
```

Split Complementary Color

#33577f
```
#33577f rgb(51,87,127)
```
#7f3357
```
#7f3357 rgb(127,51,87)
```
#577f33
```
#577f33 rgb(87,127,51)
```

Triadic Color

#481d32
```
#481d32 rgb(72,29,50)
```
#5b243e
```
#5b243e rgb(91,36,62)
```
#6d2c4b
```
#6d2c4b rgb(109,44,75)
```
#7f3357
```
#7f3357 rgb(127,51,87)
```
#913a63
```
#913a63 rgb(145,58,99)
```
#a34270
```
#a34270 rgb(163,66,112)
```
#b6497c
```
#b6497c rgb(182,73,124)
```

Monochromatic Color

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

#7f336a
```
#7f336a rgb(127,51,106)
```
#7f3364
```
#7f3364 rgb(127,51,100)
```
#7f335d
```
#7f335d rgb(127,51,93)
```
#7f3357
```
#7f3357 rgb(127,51,87)
```
#7f3351
```
#7f3351 rgb(127,51,81)
```
#7f334a
```
#7f334a rgb(127,51,74)
```
#7f3344
```
#7f3344 rgb(127,51,68)
```

Similar Colors

Text with hexadecimal color #7f3357

This text has a font color of #7f3357.

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

#7f3357 background color

This paragraph has a background color of #7f3357.

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

#7f3357 border color

This element has a border color of #7f3357.

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

CSS codes

.text {color:#7f3357;}

.background {background-color:#7f3357;}

.border {border:1px solid #7f3357;}

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

#010001
```
#010001 rgb(1,0,1)
```
#0f060a
```
#0f060a rgb(15,6,10)
```
#1d0c14
```
#1d0c14 rgb(29,12,20)
```
#2b111d
```
#2b111d rgb(43,17,29)
```
#391727
```
#391727 rgb(57,23,39)
```
#471d31
```
#471d31 rgb(71,29,49)
```
#55223a
```
#55223a rgb(85,34,58)
```
#632844
```
#632844 rgb(99,40,68)
```
#712d4d
```
#712d4d rgb(113,45,77)
```
#7f3357
```
#7f3357 rgb(127,51,87)
```
#8d3961
```
#8d3961 rgb(141,57,97)
```
#9b3e6a
```
#9b3e6a rgb(155,62,106)
```
#a94474
```
#a94474 rgb(169,68,116)
```

Shade Color Variation

#b64a7d
```
#b64a7d rgb(182,74,125)
```
#bc5887
```
#bc5887 rgb(188,88,135)
```
#c26691
```
#c26691 rgb(194,102,145)
```
#c7749b
```
#c7749b rgb(199,116,155)
```
#cd82a5
```
#cd82a5 rgb(205,130,165)
```
#d290b0
```
#d290b0 rgb(210,144,176)
```
#d89eba
```
#d89eba rgb(216,158,186)
```
#deacc4
```
#deacc4 rgb(222,172,196)
```
#e3bace
```
#e3bace rgb(227,186,206)
```
#e9c8d8
```
#e9c8d8 rgb(233,200,216)
```
#efd6e2
```
#efd6e2 rgb(239,214,226)
```
#f4e4ec
```
#f4e4ec rgb(244,228,236)
```
#faf2f6
```
#faf2f6 rgb(250,242,246)
```

Tint Color Variation

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

#5d5559
```
#5d5559 rgb(93,85,89)
```
#644e58
```
#644e58 rgb(100,78,88)
```
#6a4858
```
#6a4858 rgb(106,72,88)
```
#714158
```
#714158 rgb(113,65,88)
```
#783a57
```
#783a57 rgb(120,58,87)
```
#7f3357
```
#7f3357 rgb(127,51,87)
```
#862c57
```
#862c57 rgb(134,44,87)
```
#8d2556
```
#8d2556 rgb(141,37,86)
```
#941e56
```
#941e56 rgb(148,30,86)
```
#9a1856
```
#9a1856 rgb(154,24,86)
```
#a11155
```
#a11155 rgb(161,17,85)
```
#a80a55
```
#a80a55 rgb(168,10,85)
```
#af0354
```
#af0354 rgb(175,3,84)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#584950 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50566d Protanopia 1% of men
#5d545a Deuteranopia 1% of men
#834347 Tritanopia 0.001% of the population

Trichromacy

#614965 Protanomaly 1% of men, 0.01% of women
#694858 Deuteranomaly 6% of men, 0.4% of women
#813d4d Tritanomaly 0.01% of the population