#302a40 hex color

In a RGB color space, hex #302a40 is composed of 18.8% red, 16.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 34.4% magenta, 0% yellow and 74.9% black. It has a hue angle of 256.4 degrees, a saturation of 20.8% and a lightness of 20.8%. #302a40 color hex could be obtained by blending #605480 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #302a40 has RGB values of R:48, G:42, B:64 and CMYK values of C:0.25, M:0.34, Y:0, K:0.75. Its decimal value is 3156544.

Hex triplet	302a40	`#302a40`
RGB Decimal	48, 42, 64	`rgb(48,42,64)`
RGB Percent	18.8, 16.5, 25.1	`rgb(18.8%,16.5%,25.1%)`
CMYK	25, 34, 0, 75
HSL	256.4°, 20.8, 20.8	`hsl(256.4,20.8%,20.8%)`
HSV (or HSB)	256.4°, 34.4, 25.1
Web Safe	333333	`#333333`

CIE-LAB	18.603, 8.372, -12.929
XYZ	2.972, 2.654, 5.206
xyY	0.274, 0.245, 2.654
CIE-LCH	18.603, 15.403, 302.924
CIE-LUV	18.603, 1.38, -14.343
Hunter-Lab	16.293, 4.051, -7.54
Binary	00110000, 00101010, 01000000

#302a40
```
#302a40 rgb(48,42,64)
```
#3a402a
```
#3a402a rgb(58,64,42)
```

Complementary Color

#2a2f40
```
#2a2f40 rgb(42,47,64)
```
#302a40
```
#302a40 rgb(48,42,64)
```
#3b2a40
```
#3b2a40 rgb(59,42,64)
```

Analogous Color

#2f402a
```
#2f402a rgb(47,64,42)
```
#302a40
```
#302a40 rgb(48,42,64)
```
#403b2a
```
#403b2a rgb(64,59,42)
```

Split Complementary Color

#2a4030
```
#2a4030 rgb(42,64,48)
```
#302a40
```
#302a40 rgb(48,42,64)
```
#40302a
```
#40302a rgb(64,48,42)
```

Triadic Color

#2a3a40
```
#2a3a40 rgb(42,58,64)
```
#302a40
```
#302a40 rgb(48,42,64)
```
#40302a
```
#40302a rgb(64,48,42)
```
#3a402a
```
#3a402a rgb(58,64,42)
```

Tetradic Color

#0d0c12
```
#0d0c12 rgb(13,12,18)
```
#191621
```
#191621 rgb(25,22,33)
```
#242031
```
#242031 rgb(36,32,49)
```
#302a40
```
#302a40 rgb(48,42,64)
```
#3c344f
```
#3c344f rgb(60,52,79)
```
#473e5f
```
#473e5f rgb(71,62,95)
```
#53486e
```
#53486e rgb(83,72,110)
```

Monochromatic Color

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

#2b2a40
```
#2b2a40 rgb(43,42,64)
```
#2c2a40
```
#2c2a40 rgb(44,42,64)
```
#2e2a40
```
#2e2a40 rgb(46,42,64)
```
#302a40
```
#302a40 rgb(48,42,64)
```
#322a40
```
#322a40 rgb(50,42,64)
```
#342a40
```
#342a40 rgb(52,42,64)
```
#362a40
```
#362a40 rgb(54,42,64)
```

Similar Colors

Text with hexadecimal color #302a40

This text has a font color of #302a40.

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

#302a40 background color

This paragraph has a background color of #302a40.

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

#302a40 border color

This element has a border color of #302a40.

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

CSS codes

.text {color:#302a40;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0c0b11
```
#0c0b11 rgb(12,11,17)
```
#15131c
```
#15131c rgb(21,19,28)
```
#1e1a28
```
#1e1a28 rgb(30,26,40)
```
#272234
```
#272234 rgb(39,34,52)
```
#302a40
```
#302a40 rgb(48,42,64)
```
#39324c
```
#39324c rgb(57,50,76)
```
#423a58
```
#423a58 rgb(66,58,88)
```
#4b4164
```
#4b4164 rgb(75,65,100)
```
#54496f
```
#54496f rgb(84,73,111)
```
#5c517b
```
#5c517b rgb(92,81,123)
```
#655987
```
#655987 rgb(101,89,135)
```
#6e6093
```
#6e6093 rgb(110,96,147)
```

Shade Color Variation

#786a9d
```
#786a9d rgb(120,106,157)
```
#8376a5
```
#8376a5 rgb(131,118,165)
```
#8d82ad
```
#8d82ad rgb(141,130,173)
```
#988db4
```
#988db4 rgb(152,141,180)
```
#a399bc
```
#a399bc rgb(163,153,188)
```
#ada5c4
```
#ada5c4 rgb(173,165,196)
```
#b8b1cc
```
#b8b1cc rgb(184,177,204)
```
#c3bdd4
```
#c3bdd4 rgb(195,189,212)
```
#cec9db
```
#cec9db rgb(206,201,219)
```
#d8d4e3
```
#d8d4e3 rgb(216,212,227)
```
#e3e0eb
```
#e3e0eb rgb(227,224,235)
```
#eeecf3
```
#eeecf3 rgb(238,236,243)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#343238
```
#343238 rgb(52,50,56)
```
#322e3c
```
#322e3c rgb(50,46,60)
```
#302a40
```
#302a40 rgb(48,42,64)
```
#2e2644
```
#2e2644 rgb(46,38,68)
```
#2c2248
```
#2c2248 rgb(44,34,72)
```
#2a1e4c
```
#2a1e4c rgb(42,30,76)
```
#291a50
```
#291a50 rgb(41,26,80)
```
#271654
```
#271654 rgb(39,22,84)
```
#251258
```
#251258 rgb(37,18,88)
```
#230d5d
```
#230d5d rgb(35,13,93)
```
#210961
```
#210961 rgb(33,9,97)
```
#1f0565
```
#1f0565 rgb(31,5,101)
```
#1d0169
```
#1d0169 rgb(29,1,105)
```

Tone Color Variation

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

Dichromacy

#31374b Protanopia 1% of men
#333749 Deuteranopia 1% of men
#37373b Tritanopia 0.001% of the population

Trichromacy

#313247 Protanomaly 1% of men, 0.01% of women
#323245 Deuteranomaly 6% of men, 0.4% of women
#34323d Tritanomaly 0.01% of the population

#302a40 hex color

#302a40 Color Information

#302a40 Color Conversion

Color Schemes with #302a40

Alternatives to #302a40

#302a40 Preview

Shades and Tints of #302a40

Tones of #302a40

Color Blindness Simulator