colorhexa.com

#302c28 hex color

In a RGB color space, hex #302c28 is composed of 18.8% red, 17.3% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 16.7% yellow and 81.2% black. It has a hue angle of 30 degrees, a saturation of 9.1% and a lightness of 17.3%. #302c28 color hex could be obtained by blending #605850 with #000000. Closest websafe color is: #333333.

- R 19
- G 17
- B 16
RGB color chart
- C 0
- M 8
- Y 17
- K 81
CMYK color chart

● #302c28 color description : Very dark (mostly black) orange [Brown tone].

The hexadecimal color #302c28 has RGB values of R:48, G:44, B:40 and CMYK values of C:0, M:0.08, Y:0.17, K:0.81. Its decimal value is 3157032.

Hex triplet	302c28	`#302c28`
RGB Decimal	48, 44, 40	`rgb(48,44,40)`
RGB Percent	18.8, 17.3, 15.7	`rgb(18.8%,17.3%,15.7%)`
CMYK	0, 8, 17, 81
HSL	30°, 9.1, 17.3	`hsl(30,9.1%,17.3%)`
HSV (or HSB)	30°, 16.7, 18.8
Web Safe	333333	`#333333`

CIE-LAB	18.29, 0.947, 3.246
XYZ	2.503, 2.583, 2.374
xyY	0.335, 0.346, 2.583
CIE-LCH	18.29, 3.382, 73.731
CIE-LUV	18.29, 2.167, 2.918
Hunter-Lab	16.072, -0.331, 2.492
Binary	00110000, 00101100, 00101000

#302c28
```
#302c28 rgb(48,44,40)
```
#282c30
```
#282c30 rgb(40,44,48)
```

Complementary Color

#302828
```
#302828 rgb(48,40,40)
```
#302c28
```
#302c28 rgb(48,44,40)
```
#303028
```
#303028 rgb(48,48,40)
```

Analogous Color

#282830
```
#282830 rgb(40,40,48)
```
#302c28
```
#302c28 rgb(48,44,40)
```
#283030
```
#283030 rgb(40,48,48)
```

Split Complementary Color

#060605
```
#060605 rgb(6,6,5)
```
#141311
```
#141311 rgb(20,19,17)
```
#221f1c
```
#221f1c rgb(34,31,28)
```
#302c28
```
#302c28 rgb(48,44,40)
```
#3e3934
```
#3e3934 rgb(62,57,52)
```
#4c463f
```
#4c463f rgb(76,70,63)
```
#5a524b
```
#5a524b rgb(90,82,75)
```

Monochromatic Color

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

#302a28
```
#302a28 rgb(48,42,40)
```
#302b28
```
#302b28 rgb(48,43,40)
```
#302b28
```
#302b28 rgb(48,43,40)
```
#302c28
```
#302c28 rgb(48,44,40)
```
#302d28
```
#302d28 rgb(48,45,40)
```
#302d28
```
#302d28 rgb(48,45,40)
```
#302e28
```
#302e28 rgb(48,46,40)
```

Similar Colors

Text with hexadecimal color #302c28

This text has a font color of #302c28.

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

#302c28 background color

This paragraph has a background color of #302c28.

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

#302c28 border color

This element has a border color of #302c28.

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

CSS codes

.text {color:#302c28;}

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

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

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

#050504
```
#050504 rgb(5,5,4)
```
#100f0d
```
#100f0d rgb(16,15,13)
```
#1b1816
```
#1b1816 rgb(27,24,22)
```
#25221f
```
#25221f rgb(37,34,31)
```
#302c28
```
#302c28 rgb(48,44,40)
```
#3b3631
```
#3b3631 rgb(59,54,49)
```
#45403a
```
#45403a rgb(69,64,58)
```
#504943
```
#504943 rgb(80,73,67)
```
#5b534c
```
#5b534c rgb(91,83,76)
```
#655d55
```
#655d55 rgb(101,93,85)
```
#70675d
```
#70675d rgb(112,103,93)
```
#7b7166
```
#7b7166 rgb(123,113,102)
```
#867a6f
```
#867a6f rgb(134,122,111)
```

Shade Color Variation

#8f8479
```
#8f8479 rgb(143,132,121)
```
#988e84
```
#988e84 rgb(152,142,132)
```
#a1988f
```
#a1988f rgb(161,152,143)
```
#aaa299
```
#aaa299 rgb(170,162,153)
```
#b3aca4
```
#b3aca4 rgb(179,172,164)
```
#bcb5af
```
#bcb5af rgb(188,181,175)
```
#c5bfb9
```
#c5bfb9 rgb(197,191,185)
```
#cec9c4
```
#cec9c4 rgb(206,201,196)
```
#d7d3cf
```
#d7d3cf rgb(215,211,207)
```
#e0ddd9
```
#e0ddd9 rgb(224,221,217)
```
#e9e6e4
```
#e9e6e4 rgb(233,230,228)
```
#f2f0ef
```
#f2f0ef rgb(242,240,239)
```
#fafafa
```
#fafafa rgb(250,250,250)
```

Tint Color Variation

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

#2d2c2b
```
#2d2c2b rgb(45,44,43)
```
#302c28
```
#302c28 rgb(48,44,40)
```
#332c25
```
#332c25 rgb(51,44,37)
```
#372c21
```
#372c21 rgb(55,44,33)
```
#3a2c1e
```
#3a2c1e rgb(58,44,30)
```
#3e2c1a
```
#3e2c1a rgb(62,44,26)
```
#412c17
```
#412c17 rgb(65,44,23)
```
#442c14
```
#442c14 rgb(68,44,20)
```
#482c10
```
#482c10 rgb(72,44,16)
```
#4b2c0d
```
#4b2c0d rgb(75,44,13)
```
#4e2c0a
```
#4e2c0a rgb(78,44,10)
```
#522c06
```
#522c06 rgb(82,44,6)
```
#552c03
```
#552c03 rgb(85,44,3)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e2d2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#393733 Protanopia 1% of men
#3e3533 Deuteranopia 1% of men
#3b3539 Tritanopia 0.001% of the population

Trichromacy

#36332f Protanomaly 1% of men, 0.01% of women
#39322f Deuteranomaly 6% of men, 0.4% of women
#373233 Tritanomaly 0.01% of the population