colorhexa.com

#302a2f hex color

In a RGB color space, hex #302a2f is composed of 18.8% red, 16.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.5% magenta, 2.1% yellow and 81.2% black. It has a hue angle of 310 degrees, a saturation of 6.7% and a lightness of 17.6%. #302a2f color hex could be obtained by blending #60545e with #000000. Closest websafe color is: #333333.

- R 19
- G 16
- B 18
RGB color chart
- C 0
- M 13
- Y 2
- K 81
CMYK color chart

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

The hexadecimal color #302a2f has RGB values of R:48, G:42, B:47 and CMYK values of C:0, M:0.13, Y:0.02, K:0.81. Its decimal value is 3156527.

Hex triplet	302a2f	`#302a2f`
RGB Decimal	48, 42, 47	`rgb(48,42,47)`
RGB Percent	18.8, 16.5, 18.4	`rgb(18.8%,16.5%,18.4%)`
CMYK	0, 13, 2, 81
HSL	310°, 6.7, 17.6	`hsl(310,6.7%,17.6%)`
HSV (or HSB)	310°, 12.5, 18.8
Web Safe	333333	`#333333`

CIE-LAB	17.871, 3.878, -2.241
XYZ	2.56, 2.49, 3.035
xyY	0.317, 0.308, 2.49
CIE-LCH	17.871, 4.479, 329.985
CIE-LUV	17.871, 2.578, -2.589
Hunter-Lab	15.778, 1.348, -0.359
Binary	00110000, 00101010, 00101111

#302a2f
```
#302a2f rgb(48,42,47)
```
#2a302b
```
#2a302b rgb(42,48,43)
```

Complementary Color

#2e2a30
```
#2e2a30 rgb(46,42,48)
```
#302a2f
```
#302a2f rgb(48,42,47)
```
#302a2c
```
#302a2c rgb(48,42,44)
```

Analogous Color

#2a302e
```
#2a302e rgb(42,48,46)
```
#302a2f
```
#302a2f rgb(48,42,47)
```
#2c302a
```
#2c302a rgb(44,48,42)
```

Split Complementary Color

#070607
```
#070607 rgb(7,6,7)
```
#151214
```
#151214 rgb(21,18,20)
```
#221e22
```
#221e22 rgb(34,30,34)
```
#302a2f
```
#302a2f rgb(48,42,47)
```
#3e363c
```
#3e363c rgb(62,54,60)
```
#4b424a
```
#4b424a rgb(75,66,74)
```
#594e57
```
#594e57 rgb(89,78,87)
```

Monochromatic Color

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

#302a30
```
#302a30 rgb(48,42,48)
```
#302a30
```
#302a30 rgb(48,42,48)
```
#302a30
```
#302a30 rgb(48,42,48)
```
#302a2f
```
#302a2f rgb(48,42,47)
```
#302a2f
```
#302a2f rgb(48,42,47)
```
#302a2e
```
#302a2e rgb(48,42,46)
```
#302a2e
```
#302a2e rgb(48,42,46)
```

Similar Colors

Text with hexadecimal color #302a2f

This text has a font color of #302a2f.

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

#302a2f background color

This paragraph has a background color of #302a2f.

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

#302a2f border color

This element has a border color of #302a2f.

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

CSS codes

.text {color:#302a2f;}

.background {background-color:#302a2f;}

.border {border:1px solid #302a2f;}

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

#060506
```
#060506 rgb(6,5,6)
```
#110f10
```
#110f10 rgb(17,15,16)
```
#1b181b
```
#1b181b rgb(27,24,27)
```
#262125
```
#262125 rgb(38,33,37)
```
#302a2f
```
#302a2f rgb(48,42,47)
```
#3a3339
```
#3a3339 rgb(58,51,57)
```
#453c43
```
#453c43 rgb(69,60,67)
```
#4f454e
```
#4f454e rgb(79,69,78)
```
#5a4f58
```
#5a4f58 rgb(90,79,88)
```
#645862
```
#645862 rgb(100,88,98)
```
#6f616c
```
#6f616c rgb(111,97,108)
```
#796a77
```
#796a77 rgb(121,106,119)
```
#847381
```
#847381 rgb(132,115,129)
```

Shade Color Variation

#8d7d8b
```
#8d7d8b rgb(141,125,139)
```
#978894
```
#978894 rgb(151,136,148)
```
#a0929d
```
#a0929d rgb(160,146,157)
```
#a99da7
```
#a99da7 rgb(169,157,167)
```
#b2a7b0
```
#b2a7b0 rgb(178,167,176)
```
#bbb1ba
```
#bbb1ba rgb(187,177,186)
```
#c4bcc3
```
#c4bcc3 rgb(196,188,195)
```
#cdc6cc
```
#cdc6cc rgb(205,198,204)
```
#d7d1d6
```
#d7d1d6 rgb(215,209,214)
```
#e0dbdf
```
#e0dbdf rgb(224,219,223)
```
#e9e6e8
```
#e9e6e8 rgb(233,230,232)
```
#f2f0f2
```
#f2f0f2 rgb(242,240,242)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#302a2f
```
#302a2f rgb(48,42,47)
```
#332731
```
#332731 rgb(51,39,49)
```
#372334
```
#372334 rgb(55,35,52)
```
#3a2036
```
#3a2036 rgb(58,32,54)
```
#3e1c38
```
#3e1c38 rgb(62,28,56)
```
#41193b
```
#41193b rgb(65,25,59)
```
#45153d
```
#45153d rgb(69,21,61)
```
#48123f
```
#48123f rgb(72,18,63)
```
#4c0e41
```
#4c0e41 rgb(76,14,65)
```
#4f0b44
```
#4f0b44 rgb(79,11,68)
```
#530746
```
#530746 rgb(83,7,70)
```
#560448
```
#560448 rgb(86,4,72)
```
#5a004b
```
#5a004b rgb(90,0,75)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2c2d Atypical Achromatopsia 0.001% of the population

Dichromacy

#36363a Protanopia 1% of men
#3a3539 Deuteranopia 1% of men
#3a3539 Tritanopia 0.001% of the population

Trichromacy

#343136 Protanomaly 1% of men, 0.01% of women
#363135 Deuteranomaly 6% of men, 0.4% of women
#363135 Tritanomaly 0.01% of the population