#502f66 hex color

In a RGB color space, hex #502f66 is composed of 31.4% red, 18.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 53.9% magenta, 0% yellow and 60% black. It has a hue angle of 276 degrees, a saturation of 36.9% and a lightness of 29.2%. #502f66 color hex could be obtained by blending #a05ecc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 18
- B 40
RGB color chart
- C 22
- M 54
- Y 0
- K 60
CMYK color chart

● #502f66 color description : Very dark desaturated violet.

The hexadecimal color #502f66 has RGB values of R:80, G:47, B:102 and CMYK values of C:0.22, M:0.54, Y:0, K:0.6. Its decimal value is 5255014.

Hex triplet	502f66	`#502f66`
RGB Decimal	80, 47, 102	`rgb(80,47,102)`
RGB Percent	31.4, 18.4, 40	`rgb(31.4%,18.4%,40%)`
CMYK	22, 54, 0, 60
HSL	276°, 36.9, 29.2	`hsl(276,36.9%,29.2%)`
HSV (or HSB)	276°, 53.9, 40
Web Safe	663366	`#663366`

CIE-LAB	25.856, 26.363, -26.624
XYZ	6.723, 4.698, 13.122
xyY	0.274, 0.191, 4.698
CIE-LCH	25.856, 37.468, 314.718
CIE-LUV	25.856, 11.047, -35.491
Hunter-Lab	21.675, 17.433, -20.723
Binary	01010000, 00101111, 01100110

#502f66
```
#502f66 rgb(80,47,102)
```
#45662f
```
#45662f rgb(69,102,47)
```

Complementary Color

#352f66
```
#352f66 rgb(53,47,102)
```
#502f66
```
#502f66 rgb(80,47,102)
```
#662f61
```
#662f61 rgb(102,47,97)
```

Analogous Color

#2f6635
```
#2f6635 rgb(47,102,53)
```
#502f66
```
#502f66 rgb(80,47,102)
```
#61662f
```
#61662f rgb(97,102,47)
```

Split Complementary Color

#2f6650
```
#2f6650 rgb(47,102,80)
```
#502f66
```
#502f66 rgb(80,47,102)
```
#66502f
```
#66502f rgb(102,80,47)
```

Triadic Color

#2f4566
```
#2f4566 rgb(47,69,102)
```
#502f66
```
#502f66 rgb(80,47,102)
```
#66502f
```
#66502f rgb(102,80,47)
```
#45662f
```
#45662f rgb(69,102,47)
```

Tetradic Color

#271732
```
#271732 rgb(39,23,50)
```
#351f43
```
#351f43 rgb(53,31,67)
```
#422755
```
#422755 rgb(66,39,85)
```
#502f66
```
#502f66 rgb(80,47,102)
```
#5e3777
```
#5e3777 rgb(94,55,119)
```
#6b3f89
```
#6b3f89 rgb(107,63,137)
```
#79479a
```
#79479a rgb(121,71,154)
```

Monochromatic Color

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

#422f66
```
#422f66 rgb(66,47,102)
```
#472f66
```
#472f66 rgb(71,47,102)
```
#4b2f66
```
#4b2f66 rgb(75,47,102)
```
#502f66
```
#502f66 rgb(80,47,102)
```
#552f66
```
#552f66 rgb(85,47,102)
```
#592f66
```
#592f66 rgb(89,47,102)
```
#5e2f66
```
#5e2f66 rgb(94,47,102)
```

Similar Colors

Text with hexadecimal color #502f66

This text has a font color of #502f66.

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

#502f66 background color

This paragraph has a background color of #502f66.

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

#502f66 border color

This element has a border color of #502f66.

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

CSS codes

.text {color:#502f66;}

.background {background-color:#502f66;}

.border {border:1px solid #502f66;}

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

#060408
```
#060408 rgb(6,4,8)
```
#110a15
```
#110a15 rgb(17,10,21)
```
#1b1023
```
#1b1023 rgb(27,16,35)
```
#261630
```
#261630 rgb(38,22,48)
```
#301c3e
```
#301c3e rgb(48,28,62)
```
#3b234b
```
#3b234b rgb(59,35,75)
```
#452959
```
#452959 rgb(69,41,89)
```
#502f66
```
#502f66 rgb(80,47,102)
```
#5b3573
```
#5b3573 rgb(91,53,115)
```
#653b81
```
#653b81 rgb(101,59,129)
```
#70428e
```
#70428e rgb(112,66,142)
```
#7a489c
```
#7a489c rgb(122,72,156)
```
#854ea9
```
#854ea9 rgb(133,78,169)
```

Shade Color Variation

#8e58b2
```
#8e58b2 rgb(142,88,178)
```
#9766b8
```
#9766b8 rgb(151,102,184)
```
#a073bf
```
#a073bf rgb(160,115,191)
```
#aa81c5
```
#aa81c5 rgb(170,129,197)
```
#b38ecb
```
#b38ecb rgb(179,142,203)
```
#bc9cd1
```
#bc9cd1 rgb(188,156,209)
```
#c5a9d7
```
#c5a9d7 rgb(197,169,215)
```
#ceb6de
```
#ceb6de rgb(206,182,222)
```
#d7c4e4
```
#d7c4e4 rgb(215,196,228)
```
#e0d1ea
```
#e0d1ea rgb(224,209,234)
```
#e9dff0
```
#e9dff0 rgb(233,223,240)
```
#f2ecf6
```
#f2ecf6 rgb(242,236,246)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#4b464f
```
#4b464f rgb(75,70,79)
```
#4d4055
```
#4d4055 rgb(77,64,85)
```
#4e3a5b
```
#4e3a5b rgb(78,58,91)
```
#4f3560
```
#4f3560 rgb(79,53,96)
```
#502f66
```
#502f66 rgb(80,47,102)
```
#51296c
```
#51296c rgb(81,41,108)
```
#522471
```
#522471 rgb(82,36,113)
```
#531e77
```
#531e77 rgb(83,30,119)
```
#55187d
```
#55187d rgb(85,24,125)
```
#561283
```
#561283 rgb(86,18,131)
```
#570d88
```
#570d88 rgb(87,13,136)
```
#58078e
```
#58078e rgb(88,7,142)
```
#590194
```
#590194 rgb(89,1,148)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#423c47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d4577 Protanopia 1% of men
#344769 Deuteranopia 1% of men
#514348 Tritanopia 0.001% of the population

Trichromacy

#3a3d71 Protanomaly 1% of men, 0.01% of women
#3e3e68 Deuteranomaly 6% of men, 0.4% of women
#513c53 Tritanomaly 0.01% of the population

#502f66 hex color

#502f66 Color Information

#502f66 Color Conversion

Color Schemes with #502f66

Alternatives to #502f66

#502f66 Preview

Shades and Tints of #502f66

Tones of #502f66

Color Blindness Simulator