#302a38 hex color

In a RGB color space, hex #302a38 is composed of 18.8% red, 16.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 25% magenta, 0% yellow and 78% black. It has a hue angle of 265.7 degrees, a saturation of 14.3% and a lightness of 19.2%. #302a38 color hex could be obtained by blending #605470 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 16
- B 22
RGB color chart
- C 14
- M 25
- Y 0
- K 78
CMYK color chart

● #302a38 color description : Very dark grayish violet.

The hexadecimal color #302a38 has RGB values of R:48, G:42, B:56 and CMYK values of C:0.14, M:0.25, Y:0, K:0.78. Its decimal value is 3156536.

Hex triplet	302a38	`#302a38`
RGB Decimal	48, 42, 56	`rgb(48,42,56)`
RGB Percent	18.8, 16.5, 22	`rgb(18.8%,16.5%,22%)`
CMYK	14, 25, 0, 78
HSL	265.7°, 14.3, 19.2	`hsl(265.7,14.3%,19.2%)`
HSV (or HSB)	265.7°, 25, 22
Web Safe	333333	`#333333`

CIE-LAB	18.232, 6.144, -7.971
XYZ	2.761, 2.57, 4.092
xyY	0.293, 0.273, 2.57
CIE-LCH	18.232, 10.064, 307.627
CIE-LUV	18.232, 1.952, -8.698
Hunter-Lab	16.031, 2.685, -3.912
Binary	00110000, 00101010, 00111000

#302a38
```
#302a38 rgb(48,42,56)
```
#32382a
```
#32382a rgb(50,56,42)
```

Complementary Color

#2a2b38
```
#2a2b38 rgb(42,43,56)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#372a38
```
#372a38 rgb(55,42,56)
```

Analogous Color

#2b382a
```
#2b382a rgb(43,56,42)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#38372a
```
#38372a rgb(56,55,42)
```

Split Complementary Color

#2a3830
```
#2a3830 rgb(42,56,48)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#38302a
```
#38302a rgb(56,48,42)
```

Triadic Color

#2a3238
```
#2a3238 rgb(42,50,56)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#38302a
```
#38302a rgb(56,48,42)
```
#32382a
```
#32382a rgb(50,56,42)
```

Tetradic Color

#0b090c
```
#0b090c rgb(11,9,12)
```
#17141b
```
#17141b rgb(23,20,27)
```
#241f29
```
#241f29 rgb(36,31,41)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#3c3547
```
#3c3547 rgb(60,53,71)
```
#494055
```
#494055 rgb(73,64,85)
```
#554b64
```
#554b64 rgb(85,75,100)
```

Monochromatic Color

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

#2d2a38
```
#2d2a38 rgb(45,42,56)
```
#2e2a38
```
#2e2a38 rgb(46,42,56)
```
#2f2a38
```
#2f2a38 rgb(47,42,56)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#322a38
```
#322a38 rgb(50,42,56)
```
#342a38
```
#342a38 rgb(52,42,56)
```

Similar Colors

Text with hexadecimal color #302a38

This text has a font color of #302a38.

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

#302a38 background color

This paragraph has a background color of #302a38.

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

#302a38 border color

This element has a border color of #302a38.

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

CSS codes

.text {color:#302a38;}

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

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

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, #0a080b is the darkest color, while #ffffff is the lightest one.

#0a080b
```
#0a080b rgb(10,8,11)
```
#131116
```
#131116 rgb(19,17,22)
```
#1d1922
```
#1d1922 rgb(29,25,34)
```
#26222d
```
#26222d rgb(38,34,45)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#3a3243
```
#3a3243 rgb(58,50,67)
```
#433b4e
```
#433b4e rgb(67,59,78)
```
#4d435a
```
#4d435a rgb(77,67,90)
```
#564c65
```
#564c65 rgb(86,76,101)
```
#605470
```
#605470 rgb(96,84,112)
```
#6a5c7b
```
#6a5c7b rgb(106,92,123)
```
#736586
```
#736586 rgb(115,101,134)
```
#7d6d92
```
#7d6d92 rgb(125,109,146)
```

Shade Color Variation

#87789a
```
#87789a rgb(135,120,154)
```
#9184a2
```
#9184a2 rgb(145,132,162)
```
#9b8fab
```
#9b8fab rgb(155,143,171)
```
#a59ab3
```
#a59ab3 rgb(165,154,179)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#b9b0c4
```
#b9b0c4 rgb(185,176,196)
```
#c3bccd
```
#c3bccd rgb(195,188,205)
```
#cdc7d5
```
#cdc7d5 rgb(205,199,213)
```
#d7d2dd
```
#d7d2dd rgb(215,210,221)
```
#e1dde6
```
#e1dde6 rgb(225,221,230)
```
#ebe9ee
```
#ebe9ee rgb(235,233,238)
```
#f5f4f7
```
#f5f4f7 rgb(245,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#312e34
```
#312e34 rgb(49,46,52)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#2f263c
```
#2f263c rgb(47,38,60)
```
#2f2240
```
#2f2240 rgb(47,34,64)
```
#2e1f43
```
#2e1f43 rgb(46,31,67)
```
#2e1b47
```
#2e1b47 rgb(46,27,71)
```
#2d174b
```
#2d174b rgb(45,23,75)
```
#2d134f
```
#2d134f rgb(45,19,79)
```
#2c1052
```
#2c1052 rgb(44,16,82)
```
#2c0c56
```
#2c0c56 rgb(44,12,86)
```
#2b085a
```
#2b085a rgb(43,8,90)
```
#2b045e
```
#2b045e rgb(43,4,94)
```
#2a0161
```
#2a0161 rgb(42,1,97)
```

Tone Color Variation

Below, you can see how #302a38 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
#2e2c2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#343643 Protanopia 1% of men
#373641 Deuteranopia 1% of men
#39363a Tritanopia 0.001% of the population

Trichromacy

#32323f Protanomaly 1% of men, 0.01% of women
#34313e Deuteranomaly 6% of men, 0.4% of women
#353239 Tritanomaly 0.01% of the population

#302a38 hex color

#302a38 Color Information

#302a38 Color Conversion

Color Schemes with #302a38

Alternatives to #302a38

#302a38 Preview

Shades and Tints of #302a38

Tones of #302a38

Color Blindness Simulator