#502f6b hex color

In a RGB color space, hex #502f6b is composed of 31.4% red, 18.4% green and 42% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 56.1% magenta, 0% yellow and 58% black. It has a hue angle of 273 degrees, a saturation of 39% and a lightness of 30.2%. #502f6b color hex could be obtained by blending #a05ed6 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 18
- B 42
RGB color chart
- C 25
- M 56
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #502f6b has RGB values of R:80, G:47, B:107 and CMYK values of C:0.25, M:0.56, Y:0, K:0.58. Its decimal value is 5255019.

Hex triplet	502f6b	`#502f6b`
RGB Decimal	80, 47, 107	`rgb(80,47,107)`
RGB Percent	31.4, 18.4, 42	`rgb(31.4%,18.4%,42%)`
CMYK	25, 56, 0, 58
HSL	273°, 39, 30.2	`hsl(273,39%,30.2%)`
HSV (or HSB)	273°, 56.1, 42
Web Safe	663366	`#663366`

CIE-LAB	26.158, 27.652, -29.372
XYZ	6.978, 4.8, 14.468
xyY	0.266, 0.183, 4.8
CIE-LCH	26.158, 40.34, 313.272
CIE-LUV	26.158, 10.282, -39.221
Hunter-Lab	21.909, 18.512, -23.816
Binary	01010000, 00101111, 01101011

#502f6b
```
#502f6b rgb(80,47,107)
```
#4a6b2f
```
#4a6b2f rgb(74,107,47)
```

Complementary Color

#322f6b
```
#322f6b rgb(50,47,107)
```
#502f6b
```
#502f6b rgb(80,47,107)
```
#6b2f68
```
#6b2f68 rgb(107,47,104)
```

Analogous Color

#2f6b32
```
#2f6b32 rgb(47,107,50)
```
#502f6b
```
#502f6b rgb(80,47,107)
```
#686b2f
```
#686b2f rgb(104,107,47)
```

Split Complementary Color

#2f6b50
```
#2f6b50 rgb(47,107,80)
```
#502f6b
```
#502f6b rgb(80,47,107)
```
#6b502f
```
#6b502f rgb(107,80,47)
```

Triadic Color

#2f4a6b
```
#2f4a6b rgb(47,74,107)
```
#502f6b
```
#502f6b rgb(80,47,107)
```
#6b502f
```
#6b502f rgb(107,80,47)
```
#4a6b2f
```
#4a6b2f rgb(74,107,47)
```

Tetradic Color

#281836
```
#281836 rgb(40,24,54)
```
#361f48
```
#361f48 rgb(54,31,72)
```
#432759
```
#432759 rgb(67,39,89)
```
#502f6b
```
#502f6b rgb(80,47,107)
```
#5d377d
```
#5d377d rgb(93,55,125)
```
#6a3f8e
```
#6a3f8e rgb(106,63,142)
```
#7846a0
```
#7846a0 rgb(120,70,160)
```

Monochromatic Color

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

#412f6b
```
#412f6b rgb(65,47,107)
```
#462f6b
```
#462f6b rgb(70,47,107)
```
#4b2f6b
```
#4b2f6b rgb(75,47,107)
```
#502f6b
```
#502f6b rgb(80,47,107)
```
#552f6b
```
#552f6b rgb(85,47,107)
```
#5a2f6b
```
#5a2f6b rgb(90,47,107)
```
#5f2f6b
```
#5f2f6b rgb(95,47,107)
```

Similar Colors

Text with hexadecimal color #502f6b

This text has a font color of #502f6b.

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

#502f6b background color

This paragraph has a background color of #502f6b.

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

#502f6b border color

This element has a border color of #502f6b.

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

CSS codes

.text {color:#502f6b;}

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

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

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, #09050c is the darkest color, while #fefdfe is the lightest one.

#09050c
```
#09050c rgb(9,5,12)
```
#130b19
```
#130b19 rgb(19,11,25)
```
#1d1127
```
#1d1127 rgb(29,17,39)
```
#271734
```
#271734 rgb(39,23,52)
```
#311d42
```
#311d42 rgb(49,29,66)
```
#3c2350
```
#3c2350 rgb(60,35,80)
```
#46295d
```
#46295d rgb(70,41,93)
```
#502f6b
```
#502f6b rgb(80,47,107)
```
#5a3579
```
#5a3579 rgb(90,53,121)
```
#643b86
```
#643b86 rgb(100,59,134)
```
#6f4194
```
#6f4194 rgb(111,65,148)
```
#7947a2
```
#7947a2 rgb(121,71,162)
```
#834daf
```
#834daf rgb(131,77,175)
```

Shade Color Variation

#8c59b6
```
#8c59b6 rgb(140,89,182)
```
#9667bc
```
#9667bc rgb(150,103,188)
```
#9f75c2
```
#9f75c2 rgb(159,117,194)
```
#a982c8
```
#a982c8 rgb(169,130,200)
```
#b290ce
```
#b290ce rgb(178,144,206)
```
#bc9ed4
```
#bc9ed4 rgb(188,158,212)
```
#c5abda
```
#c5abda rgb(197,171,218)
```
#ceb9e0
```
#ceb9e0 rgb(206,185,224)
```
#d8c6e6
```
#d8c6e6 rgb(216,198,230)
```
#e1d4ec
```
#e1d4ec rgb(225,212,236)
```
#ebe2f2
```
#ebe2f2 rgb(235,226,242)
```
#f4eff8
```
#f4eff8 rgb(244,239,248)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#4d4d4d
```
#4d4d4d rgb(77,77,77)
```
#4e4753
```
#4e4753 rgb(78,71,83)
```
#4e4159
```
#4e4159 rgb(78,65,89)
```
#4f3b5f
```
#4f3b5f rgb(79,59,95)
```
#4f3565
```
#4f3565 rgb(79,53,101)
```
#502f6b
```
#502f6b rgb(80,47,107)
```
#512971
```
#512971 rgb(81,41,113)
```
#512377
```
#512377 rgb(81,35,119)
```
#521d7d
```
#521d7d rgb(82,29,125)
```
#521783
```
#521783 rgb(82,23,131)
```
#531189
```
#531189 rgb(83,17,137)
```
#540b8f
```
#540b8f rgb(84,11,143)
```
#540694
```
#540694 rgb(84,6,148)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#433d49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#29467c Protanopia 1% of men
#30486d Deuteranopia 1% of men
#504449 Tritanopia 0.001% of the population

Trichromacy

#373d76 Protanomaly 1% of men, 0.01% of women
#3b3e6c Deuteranomaly 6% of men, 0.4% of women
#503c55 Tritanomaly 0.01% of the population

#502f6b hex color

#502f6b Color Information

#502f6b Color Conversion

Color Schemes with #502f6b

Alternatives to #502f6b

#502f6b Preview

Shades and Tints of #502f6b

Tones of #502f6b

Color Blindness Simulator