colorhexa.com

#54306d hex color

In a RGB color space, hex #54306d is composed of 32.9% red, 18.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 56% magenta, 0% yellow and 57.3% black. It has a hue angle of 275.4 degrees, a saturation of 38.9% and a lightness of 30.8%. #54306d color hex could be obtained by blending #a860da with #000000. Closest websafe color is: #663366.

- R 33
- G 19
- B 43
RGB color chart
- C 23
- M 56
- Y 0
- K 57
CMYK color chart

● #54306d color description : Very dark desaturated violet.

The hexadecimal color #54306d has RGB values of R:84, G:48, B:109 and CMYK values of C:0.23, M:0.56, Y:0, K:0.57. Its decimal value is 5517421.

Hex triplet	54306d	`#54306d`
RGB Decimal	84, 48, 109	`rgb(84,48,109)`
RGB Percent	32.9, 18.8, 42.7	`rgb(32.9%,18.8%,42.7%)`
CMYK	23, 56, 0, 57
HSL	275.4°, 38.9, 30.8	`hsl(275.4,38.9%,30.8%)`
HSV (or HSB)	275.4°, 56, 42.7
Web Safe	663366	`#663366`

CIE-LAB	27.026, 28.744, -29.245
XYZ	7.473, 5.103, 15.058
xyY	0.27, 0.185, 5.103
CIE-LCH	27.026, 41.005, 314.505
CIE-LUV	27.026, 11.782, -39.647
Hunter-Lab	22.59, 19.518, -23.71
Binary	01010100, 00110000, 01101101

#54306d
```
#54306d rgb(84,48,109)
```
#496d30
```
#496d30 rgb(73,109,48)
```

Complementary Color

#36306d
```
#36306d rgb(54,48,109)
```
#54306d
```
#54306d rgb(84,48,109)
```
#6d3068
```
#6d3068 rgb(109,48,104)
```

Analogous Color

#306d36
```
#306d36 rgb(48,109,54)
```
#54306d
```
#54306d rgb(84,48,109)
```
#686d30
```
#686d30 rgb(104,109,48)
```

Split Complementary Color

#306d54
```
#306d54 rgb(48,109,84)
```
#54306d
```
#54306d rgb(84,48,109)
```
#6d5430
```
#6d5430 rgb(109,84,48)
```

Triadic Color

#2b1938
```
#2b1938 rgb(43,25,56)
```
#39204a
```
#39204a rgb(57,32,74)
```
#46285b
```
#46285b rgb(70,40,91)
```
#54306d
```
#54306d rgb(84,48,109)
```
#62387f
```
#62387f rgb(98,56,127)
```
#6f4090
```
#6f4090 rgb(111,64,144)
```
#7d47a2
```
#7d47a2 rgb(125,71,162)
```

Monochromatic Color

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

#45306d
```
#45306d rgb(69,48,109)
```
#4a306d
```
#4a306d rgb(74,48,109)
```
#4f306d
```
#4f306d rgb(79,48,109)
```
#54306d
```
#54306d rgb(84,48,109)
```
#59306d
```
#59306d rgb(89,48,109)
```
#5e306d
```
#5e306d rgb(94,48,109)
```
#63306d
```
#63306d rgb(99,48,109)
```

Similar Colors

Text with hexadecimal color #54306d

This text has a font color of #54306d.

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

#54306d background color

This paragraph has a background color of #54306d.

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

#54306d border color

This element has a border color of #54306d.

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

CSS codes

.text {color:#54306d;}

.background {background-color:#54306d;}

.border {border:1px solid #54306d;}

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

#000000
```
#000000 rgb(0,0,0)
```
#0b060e
```
#0b060e rgb(11,6,14)
```
#150c1b
```
#150c1b rgb(21,12,27)
```
#201229
```
#201229 rgb(32,18,41)
```
#2a1837
```
#2a1837 rgb(42,24,55)
```
#351e44
```
#351e44 rgb(53,30,68)
```
#3f2452
```
#3f2452 rgb(63,36,82)
```
#4a2a5f
```
#4a2a5f rgb(74,42,95)
```
#54306d
```
#54306d rgb(84,48,109)
```
#5e367b
```
#5e367b rgb(94,54,123)
```
#693c88
```
#693c88 rgb(105,60,136)
```
#734296
```
#734296 rgb(115,66,150)
```
#7e48a3
```
#7e48a3 rgb(126,72,163)
```

Shade Color Variation

#884eb1
```
#884eb1 rgb(136,78,177)
```
#925cb7
```
#925cb7 rgb(146,92,183)
```
#9b69bd
```
#9b69bd rgb(155,105,189)
```
#a477c3
```
#a477c3 rgb(164,119,195)
```
#ad84c9
```
#ad84c9 rgb(173,132,201)
```
#b692cf
```
#b692cf rgb(182,146,207)
```
#bfa0d5
```
#bfa0d5 rgb(191,160,213)
```
#c8addb
```
#c8addb rgb(200,173,219)
```
#d1bbe1
```
#d1bbe1 rgb(209,187,225)
```
#dbc9e7
```
#dbc9e7 rgb(219,201,231)
```
#e4d6ed
```
#e4d6ed rgb(228,214,237)
```
#ede4f3
```
#ede4f3 rgb(237,228,243)
```
#f6f1f9
```
#f6f1f9 rgb(246,241,249)
```

Tint Color Variation

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

#4f4e4f
```
#4f4e4f rgb(79,78,79)
```
#504855
```
#504855 rgb(80,72,85)
```
#51425b
```
#51425b rgb(81,66,91)
```
#523c61
```
#523c61 rgb(82,60,97)
```
#533667
```
#533667 rgb(83,54,103)
```
#54306d
```
#54306d rgb(84,48,109)
```
#552a73
```
#552a73 rgb(85,42,115)
```
#562479
```
#562479 rgb(86,36,121)
```
#571e7f
```
#571e7f rgb(87,30,127)
```
#581885
```
#581885 rgb(88,24,133)
```
#59128b
```
#59128b rgb(89,18,139)
```
#5b0c91
```
#5b0c91 rgb(91,12,145)
```
#5c0697
```
#5c0697 rgb(92,6,151)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#463e4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b487f Protanopia 1% of men
#33496f Deuteranopia 1% of men
#54454a Tritanopia 0.001% of the population

Trichromacy

#3a3f78 Protanomaly 1% of men, 0.01% of women
#3f406e Deuteranomaly 6% of men, 0.4% of women
#543d57 Tritanomaly 0.01% of the population