#302a3e hex color

In a RGB color space, hex #302a3e is composed of 18.8% red, 16.5% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 32.3% magenta, 0% yellow and 75.7% black. It has a hue angle of 258 degrees, a saturation of 19.2% and a lightness of 20.4%. #302a3e color hex could be obtained by blending #60547c with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #302a3e has RGB values of R:48, G:42, B:62 and CMYK values of C:0.23, M:0.32, Y:0, K:0.76. Its decimal value is 3156542.

Hex triplet	302a3e	`#302a3e`
RGB Decimal	48, 42, 62	`rgb(48,42,62)`
RGB Percent	18.8, 16.5, 24.3	`rgb(18.8%,16.5%,24.3%)`
CMYK	23, 32, 0, 76
HSL	258°, 19.2, 20.4	`hsl(258,19.2%,20.4%)`
HSV (or HSB)	258°, 32.3, 24.3
Web Safe	333333	`#333333`

CIE-LAB	18.506, 7.798, -11.702
XYZ	2.916, 2.632, 4.912
xyY	0.279, 0.252, 2.632
CIE-LCH	18.506, 14.063, 303.679
CIE-LUV	18.506, 1.524, -12.92
Hunter-Lab	16.224, 3.694, -6.593
Binary	00110000, 00101010, 00111110

#302a3e
```
#302a3e rgb(48,42,62)
```
#383e2a
```
#383e2a rgb(56,62,42)
```

Complementary Color

#2a2e3e
```
#2a2e3e rgb(42,46,62)
```
#302a3e
```
#302a3e rgb(48,42,62)
```
#3a2a3e
```
#3a2a3e rgb(58,42,62)
```

Analogous Color

#2e3e2a
```
#2e3e2a rgb(46,62,42)
```
#302a3e
```
#302a3e rgb(48,42,62)
```
#3e3a2a
```
#3e3a2a rgb(62,58,42)
```

Split Complementary Color

#2a3e30
```
#2a3e30 rgb(42,62,48)
```
#302a3e
```
#302a3e rgb(48,42,62)
```
#3e302a
```
#3e302a rgb(62,48,42)
```

Triadic Color

#2a383e
```
#2a383e rgb(42,56,62)
```
#302a3e
```
#302a3e rgb(48,42,62)
```
#3e302a
```
#3e302a rgb(62,48,42)
```
#383e2a
```
#383e2a rgb(56,62,42)
```

Tetradic Color

#0d0b10
```
#0d0b10 rgb(13,11,16)
```
#181520
```
#181520 rgb(24,21,32)
```
#24202f
```
#24202f rgb(36,32,47)
```
#302a3e
```
#302a3e rgb(48,42,62)
```
#3c344d
```
#3c344d rgb(60,52,77)
```
#483f5c
```
#483f5c rgb(72,63,92)
```
#53496c
```
#53496c rgb(83,73,108)
```

Monochromatic Color

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

#2b2a3e
```
#2b2a3e rgb(43,42,62)
```
#2d2a3e
```
#2d2a3e rgb(45,42,62)
```
#2e2a3e
```
#2e2a3e rgb(46,42,62)
```
#302a3e
```
#302a3e rgb(48,42,62)
```
#322a3e
```
#322a3e rgb(50,42,62)
```
#332a3e
```
#332a3e rgb(51,42,62)
```
#352a3e
```
#352a3e rgb(53,42,62)
```

Similar Colors

Text with hexadecimal color #302a3e

This text has a font color of #302a3e.

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

#302a3e background color

This paragraph has a background color of #302a3e.

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

#302a3e border color

This element has a border color of #302a3e.

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

CSS codes

.text {color:#302a3e;}

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

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0c0a0f
```
#0c0a0f rgb(12,10,15)
```
#15121b
```
#15121b rgb(21,18,27)
```
#1e1a27
```
#1e1a27 rgb(30,26,39)
```
#272232
```
#272232 rgb(39,34,50)
```
#302a3e
```
#302a3e rgb(48,42,62)
```
#39324a
```
#39324a rgb(57,50,74)
```
#423a55
```
#423a55 rgb(66,58,85)
```
#4b4261
```
#4b4261 rgb(75,66,97)
```
#544a6d
```
#544a6d rgb(84,74,109)
```
#5d5278
```
#5d5278 rgb(93,82,120)
```
#665a84
```
#665a84 rgb(102,90,132)
```
#6f6190
```
#6f6190 rgb(111,97,144)
```

Shade Color Variation

#796b9a
```
#796b9a rgb(121,107,154)
```
#8376a2
```
#8376a2 rgb(131,118,162)
```
#8e82aa
```
#8e82aa rgb(142,130,170)
```
#998eb2
```
#998eb2 rgb(153,142,178)
```
#a399ba
```
#a399ba rgb(163,153,186)
```
#aea5c2
```
#aea5c2 rgb(174,165,194)
```
#b8b1ca
```
#b8b1ca rgb(184,177,202)
```
#c3bcd2
```
#c3bcd2 rgb(195,188,210)
```
#cdc8da
```
#cdc8da rgb(205,200,218)
```
#d8d4e2
```
#d8d4e2 rgb(216,212,226)
```
#e3dfea
```
#e3dfea rgb(227,223,234)
```
#edebf2
```
#edebf2 rgb(237,235,242)
```
#f8f7f9
```
#f8f7f9 rgb(248,247,249)
```

Tint Color Variation

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

#333236
```
#333236 rgb(51,50,54)
```
#322e3a
```
#322e3a rgb(50,46,58)
```
#302a3e
```
#302a3e rgb(48,42,62)
```
#2e2642
```
#2e2642 rgb(46,38,66)
```
#2d2246
```
#2d2246 rgb(45,34,70)
```
#2b1e4a
```
#2b1e4a rgb(43,30,74)
```
#2a1a4e
```
#2a1a4e rgb(42,26,78)
```
#281652
```
#281652 rgb(40,22,82)
```
#261256
```
#261256 rgb(38,18,86)
```
#250e5a
```
#250e5a rgb(37,14,90)
```
#230a5e
```
#230a5e rgb(35,10,94)
```
#220662
```
#220662 rgb(34,6,98)
```
#200266
```
#200266 rgb(32,2,102)
```

Tone Color Variation

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

#323749 Protanopia 1% of men
#343747 Deuteranopia 1% of men
#38373b Tritanopia 0.001% of the population

Trichromacy

#313245 Protanomaly 1% of men, 0.01% of women
#323243 Deuteranomaly 6% of men, 0.4% of women
#35323c Tritanomaly 0.01% of the population

#302a3e hex color

#302a3e Color Information

#302a3e Color Conversion

Color Schemes with #302a3e

Alternatives to #302a3e

#302a3e Preview

Shades and Tints of #302a3e

Tones of #302a3e

Color Blindness Simulator