#302a3c hex color

In a RGB color space, hex #302a3c is composed of 18.8% red, 16.5% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 30% magenta, 0% yellow and 76.5% black. It has a hue angle of 260 degrees, a saturation of 17.6% and a lightness of 20%. #302a3c color hex could be obtained by blending #605478 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 16
- B 24
RGB color chart
- C 20
- M 30
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #302a3c has RGB values of R:48, G:42, B:60 and CMYK values of C:0.2, M:0.3, Y:0, K:0.76. Its decimal value is 3156540.

Hex triplet	302a3c	`#302a3c`
RGB Decimal	48, 42, 60	`rgb(48,42,60)`
RGB Percent	18.8, 16.5, 23.5	`rgb(18.8%,16.5%,23.5%)`
CMYK	20, 30, 0, 76
HSL	260°, 17.6, 20	`hsl(260,17.6%,20%)`
HSV (or HSB)	260°, 30, 23.5
Web Safe	333333	`#333333`

CIE-LAB	18.411, 7.235, -10.467
XYZ	2.862, 2.611, 4.628
xyY	0.283, 0.258, 2.611
CIE-LCH	18.411, 12.724, 304.655
CIE-LUV	18.411, 1.667, -11.504
Hunter-Lab	16.157, 3.347, -5.672
Binary	00110000, 00101010, 00111100

#302a3c
```
#302a3c rgb(48,42,60)
```
#363c2a
```
#363c2a rgb(54,60,42)
```

Complementary Color

#2a2d3c
```
#2a2d3c rgb(42,45,60)
```
#302a3c
```
#302a3c rgb(48,42,60)
```
#392a3c
```
#392a3c rgb(57,42,60)
```

Analogous Color

#2d3c2a
```
#2d3c2a rgb(45,60,42)
```
#302a3c
```
#302a3c rgb(48,42,60)
```
#3c392a
```
#3c392a rgb(60,57,42)
```

Split Complementary Color

#2a3c30
```
#2a3c30 rgb(42,60,48)
```
#302a3c
```
#302a3c rgb(48,42,60)
```
#3c302a
```
#3c302a rgb(60,48,42)
```

Triadic Color

#2a363c
```
#2a363c rgb(42,54,60)
```
#302a3c
```
#302a3c rgb(48,42,60)
```
#3c302a
```
#3c302a rgb(60,48,42)
```
#363c2a
```
#363c2a rgb(54,60,42)
```

Tetradic Color

#0c0b0f
```
#0c0b0f rgb(12,11,15)
```
#18151e
```
#18151e rgb(24,21,30)
```
#24202d
```
#24202d rgb(36,32,45)
```
#302a3c
```
#302a3c rgb(48,42,60)
```
#3c354b
```
#3c354b rgb(60,53,75)
```
#483f5a
```
#483f5a rgb(72,63,90)
```
#544a69
```
#544a69 rgb(84,74,105)
```

Monochromatic Color

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

#2c2a3c
```
#2c2a3c rgb(44,42,60)
```
#2d2a3c
```
#2d2a3c rgb(45,42,60)
```
#2f2a3c
```
#2f2a3c rgb(47,42,60)
```
#302a3c
```
#302a3c rgb(48,42,60)
```
#322a3c
```
#322a3c rgb(50,42,60)
```
#332a3c
```
#332a3c rgb(51,42,60)
```
#352a3c
```
#352a3c rgb(53,42,60)
```

Similar Colors

Text with hexadecimal color #302a3c

This text has a font color of #302a3c.

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

#302a3c background color

This paragraph has a background color of #302a3c.

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

#302a3c border color

This element has a border color of #302a3c.

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

CSS codes

.text {color:#302a3c;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0a0e
```
#0b0a0e rgb(11,10,14)
```
#141219
```
#141219 rgb(20,18,25)
```
#1e1a25
```
#1e1a25 rgb(30,26,37)
```
#272230
```
#272230 rgb(39,34,48)
```
#302a3c
```
#302a3c rgb(48,42,60)
```
#393248
```
#393248 rgb(57,50,72)
```
#423a53
```
#423a53 rgb(66,58,83)
```
#4c425f
```
#4c425f rgb(76,66,95)
```
#554a6a
```
#554a6a rgb(85,74,106)
```
#5e5276
```
#5e5276 rgb(94,82,118)
```
#675a81
```
#675a81 rgb(103,90,129)
```
#71638d
```
#71638d rgb(113,99,141)
```

Shade Color Variation

#7a6b98
```
#7a6b98 rgb(122,107,152)
```
#8477a0
```
#8477a0 rgb(132,119,160)
```
#8f82a8
```
#8f82a8 rgb(143,130,168)
```
#998eb0
```
#998eb0 rgb(153,142,176)
```
#a499b8
```
#a499b8 rgb(164,153,184)
```
#aea5c0
```
#aea5c0 rgb(174,165,192)
```
#b8b1c8
```
#b8b1c8 rgb(184,177,200)
```
#c3bcd0
```
#c3bcd0 rgb(195,188,208)
```
#cdc8d8
```
#cdc8d8 rgb(205,200,216)
```
#d8d3e0
```
#d8d3e0 rgb(216,211,224)
```
#e2dfe8
```
#e2dfe8 rgb(226,223,232)
```
#eceaf0
```
#eceaf0 rgb(236,234,240)
```
#f7f6f9
```
#f7f6f9 rgb(247,246,249)
```

Tint Color Variation

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

#333234
```
#333234 rgb(51,50,52)
```
#312e38
```
#312e38 rgb(49,46,56)
```
#302a3c
```
#302a3c rgb(48,42,60)
```
#2f2640
```
#2f2640 rgb(47,38,64)
```
#2d2244
```
#2d2244 rgb(45,34,68)
```
#2c1e48
```
#2c1e48 rgb(44,30,72)
```
#2b1a4c
```
#2b1a4c rgb(43,26,76)
```
#291650
```
#291650 rgb(41,22,80)
```
#281254
```
#281254 rgb(40,18,84)
```
#270f57
```
#270f57 rgb(39,15,87)
```
#260b5b
```
#260b5b rgb(38,11,91)
```
#24075f
```
#24075f rgb(36,7,95)
```
#230363
```
#230363 rgb(35,3,99)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e2d31 Atypical Achromatopsia 0.001% of the population

Dichromacy

#333747 Protanopia 1% of men
#353645 Deuteranopia 1% of men
#38373b Tritanopia 0.001% of the population

Trichromacy

#313243 Protanomaly 1% of men, 0.01% of women
#333242 Deuteranomaly 6% of men, 0.4% of women
#35323b Tritanomaly 0.01% of the population

#302a3c hex color

#302a3c Color Information

#302a3c Color Conversion

Color Schemes with #302a3c

Alternatives to #302a3c

#302a3c Preview

Shades and Tints of #302a3c

Tones of #302a3c

Color Blindness Simulator