#302030 hex color

In a RGB color space, hex #302030 is composed of 18.8% red, 12.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 0% yellow and 81.2% black. It has a hue angle of 300 degrees, a saturation of 20% and a lightness of 15.7%. #302030 color hex could be obtained by blending #604060 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 19
RGB color chart
- C 0
- M 33
- Y 0
- K 81
CMYK color chart

● #302030 color description : Very dark (mostly black) magenta.

The hexadecimal color #302030 has RGB values of R:48, G:32, B:48 and CMYK values of C:0, M:0.33, Y:0, K:0.81. Its decimal value is 3153968.

Hex triplet	302030	`#302030`
RGB Decimal	48, 32, 48	`rgb(48,32,48)`
RGB Percent	18.8, 12.5, 18.8	`rgb(18.8%,12.5%,18.8%)`
CMYK	0, 33, 0, 81
HSL	300°, 20, 15.7	`hsl(300,20%,15.7%)`
HSV (or HSB)	300°, 33.3, 18.8
Web Safe	333333	`#333333`

CIE-LAB	14.816, 11.137, -7.532
XYZ	2.269, 1.875, 3.039
xyY	0.316, 0.261, 1.875
CIE-LCH	14.816, 13.445, 325.929
CIE-LUV	14.816, 6.14, -7.942
Hunter-Lab	13.693, 5.616, -3.572
Binary	00110000, 00100000, 00110000

#302030
```
#302030 rgb(48,32,48)
```
#203020
```
#203020 rgb(32,48,32)
```

Complementary Color

#282030
```
#282030 rgb(40,32,48)
```
#302030
```
#302030 rgb(48,32,48)
```
#302028
```
#302028 rgb(48,32,40)
```

Analogous Color

#203028
```
#203028 rgb(32,48,40)
```
#302030
```
#302030 rgb(48,32,48)
```
#283020
```
#283020 rgb(40,48,32)
```

Split Complementary Color

#203030
```
#203030 rgb(32,48,48)
```
#302030
```
#302030 rgb(48,32,48)
```
#303020
```
#303020 rgb(48,48,32)
```

Triadic Color

#202030
```
#202030 rgb(32,32,48)
```
#302030
```
#302030 rgb(48,32,48)
```
#303020
```
#303020 rgb(48,48,32)
```
#203020
```
#203020 rgb(32,48,32)
```

Tetradic Color

#020102
```
#020102 rgb(2,1,2)
```
#110c11
```
#110c11 rgb(17,12,17)
```
#211621
```
#211621 rgb(33,22,33)
```
#302030
```
#302030 rgb(48,32,48)
```
#3f2a3f
```
#3f2a3f rgb(63,42,63)
```
#4f344f
```
#4f344f rgb(79,52,79)
```
#5e3f5e
```
#5e3f5e rgb(94,63,94)
```

Monochromatic Color

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

#2c2030
```
#2c2030 rgb(44,32,48)
```
#2d2030
```
#2d2030 rgb(45,32,48)
```
#2f2030
```
#2f2030 rgb(47,32,48)
```
#302030
```
#302030 rgb(48,32,48)
```
#30202f
```
#30202f rgb(48,32,47)
```
#30202d
```
#30202d rgb(48,32,45)
```
#30202c
```
#30202c rgb(48,32,44)
```

Similar Colors

Text with hexadecimal color #302030

This text has a font color of #302030.

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

#302030 background color

This paragraph has a background color of #302030.

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

#302030 border color

This element has a border color of #302030.

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

CSS codes

.text {color:#302030;}

.background {background-color:#302030;}

.border {border:1px solid #302030;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0d080d
```
#0d080d rgb(13,8,13)
```
#181018
```
#181018 rgb(24,16,24)
```
#241824
```
#241824 rgb(36,24,36)
```
#302030
```
#302030 rgb(48,32,48)
```
#3c283c
```
#3c283c rgb(60,40,60)
```
#483048
```
#483048 rgb(72,48,72)
```
#533853
```
#533853 rgb(83,56,83)
```
#5f3f5f
```
#5f3f5f rgb(95,63,95)
```
#6b476b
```
#6b476b rgb(107,71,107)
```
#774f77
```
#774f77 rgb(119,79,119)
```
#825782
```
#825782 rgb(130,87,130)
```
#8e5f8e
```
#8e5f8e rgb(142,95,142)
```

Shade Color Variation

#9a679a
```
#9a679a rgb(154,103,154)
```
#a173a1
```
#a173a1 rgb(161,115,161)
```
#a97ea9
```
#a97ea9 rgb(169,126,169)
```
#b18ab1
```
#b18ab1 rgb(177,138,177)
```
#b996b9
```
#b996b9 rgb(185,150,185)
```
#c1a2c1
```
#c1a2c1 rgb(193,162,193)
```
#c9aec9
```
#c9aec9 rgb(201,174,201)
```
#d1b9d1
```
#d1b9d1 rgb(209,185,209)
```
#d8c5d8
```
#d8c5d8 rgb(216,197,216)
```
#e0d1e0
```
#e0d1e0 rgb(224,209,224)
```
#e8dde8
```
#e8dde8 rgb(232,221,232)
```
#f0e8f0
```
#f0e8f0 rgb(240,232,240)
```
#f8f4f8
```
#f8f4f8 rgb(248,244,248)
```

Tint Color Variation

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

#2a262a
```
#2a262a rgb(42,38,42)
```
#2d232d
```
#2d232d rgb(45,35,45)
```
#302030
```
#302030 rgb(48,32,48)
```
#331d33
```
#331d33 rgb(51,29,51)
```
#361a36
```
#361a36 rgb(54,26,54)
```
#391739
```
#391739 rgb(57,23,57)
```
#3c143c
```
#3c143c rgb(60,20,60)
```
#3f113f
```
#3f113f rgb(63,17,63)
```
#420e42
```
#420e42 rgb(66,14,66)
```
#460a46
```
#460a46 rgb(70,10,70)
```
#490749
```
#490749 rgb(73,7,73)
```
#4c044c
```
#4c044c rgb(76,4,76)
```
#4f014f
```
#4f014f rgb(79,1,79)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#292629 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c303d Protanopia 1% of men
#302f39 Deuteranopia 1% of men
#392d30 Tritanopia 0.001% of the population

Trichromacy

#2d2a38 Protanomaly 1% of men, 0.01% of women
#302936 Deuteranomaly 6% of men, 0.4% of women
#352830 Tritanomaly 0.01% of the population

#302030 hex color

#302030 Color Information

#302030 Color Conversion

Color Schemes with #302030

Alternatives to #302030

#302030 Preview

Shades and Tints of #302030

Tones of #302030

Color Blindness Simulator