#302b42 hex color

In a RGB color space, hex #302b42 is composed of 18.8% red, 16.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 34.8% magenta, 0% yellow and 74.1% black. It has a hue angle of 253 degrees, a saturation of 21.1% and a lightness of 21.4%. #302b42 color hex could be obtained by blending #605684 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 17
- B 26
RGB color chart
- C 27
- M 35
- Y 0
- K 74
CMYK color chart

● #302b42 color description : Very dark grayish blue.

The hexadecimal color #302b42 has RGB values of R:48, G:43, B:66 and CMYK values of C:0.27, M:0.35, Y:0, K:0.74. Its decimal value is 3156802.

Hex triplet	302b42	`#302b42`
RGB Decimal	48, 43, 66	`rgb(48,43,66)`
RGB Percent	18.8, 16.9, 25.9	`rgb(18.8%,16.9%,25.9%)`
CMYK	27, 35, 0, 74
HSL	253°, 21.1, 21.4	`hsl(253,21.1%,21.4%)`
HSV (or HSB)	253°, 34.8, 25.9
Web Safe	333333	`#333333`

CIE-LAB	19.011, 8.255, -13.671
XYZ	3.066, 2.749, 5.523
xyY	0.27, 0.242, 2.749
CIE-LCH	19.011, 15.97, 301.123
CIE-LUV	19.011, 0.893, -15.289
Hunter-Lab	16.582, 3.988, -8.142
Binary	00110000, 00101011, 01000010

#302b42
```
#302b42 rgb(48,43,66)
```
#3d422b
```
#3d422b rgb(61,66,43)
```

Complementary Color

#2b3242
```
#2b3242 rgb(43,50,66)
```
#302b42
```
#302b42 rgb(48,43,66)
```
#3c2b42
```
#3c2b42 rgb(60,43,66)
```

Analogous Color

#32422b
```
#32422b rgb(50,66,43)
```
#302b42
```
#302b42 rgb(48,43,66)
```
#423c2b
```
#423c2b rgb(66,60,43)
```

Split Complementary Color

#2b4230
```
#2b4230 rgb(43,66,48)
```
#302b42
```
#302b42 rgb(48,43,66)
```
#42302b
```
#42302b rgb(66,48,43)
```

Triadic Color

#2b3d42
```
#2b3d42 rgb(43,61,66)
```
#302b42
```
#302b42 rgb(48,43,66)
```
#42302b
```
#42302b rgb(66,48,43)
```
#3d422b
```
#3d422b rgb(61,66,43)
```

Tetradic Color

#0e0d14
```
#0e0d14 rgb(14,13,20)
```
#1a1723
```
#1a1723 rgb(26,23,35)
```
#252133
```
#252133 rgb(37,33,51)
```
#302b42
```
#302b42 rgb(48,43,66)
```
#3b3551
```
#3b3551 rgb(59,53,81)
```
#463f61
```
#463f61 rgb(70,63,97)
```
#524970
```
#524970 rgb(82,73,112)
```

Monochromatic Color

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

#2b2c42
```
#2b2c42 rgb(43,44,66)
```
#2c2b42
```
#2c2b42 rgb(44,43,66)
```
#2e2b42
```
#2e2b42 rgb(46,43,66)
```
#302b42
```
#302b42 rgb(48,43,66)
```
#322b42
```
#322b42 rgb(50,43,66)
```
#342b42
```
#342b42 rgb(52,43,66)
```
#362b42
```
#362b42 rgb(54,43,66)
```

Similar Colors

Text with hexadecimal color #302b42

This text has a font color of #302b42.

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

#302b42 background color

This paragraph has a background color of #302b42.

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

#302b42 border color

This element has a border color of #302b42.

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

CSS codes

.text {color:#302b42;}

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

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

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

#050407
```
#050407 rgb(5,4,7)
```
#0d0c12
```
#0d0c12 rgb(13,12,18)
```
#16141e
```
#16141e rgb(22,20,30)
```
#1f1c2a
```
#1f1c2a rgb(31,28,42)
```
#272336
```
#272336 rgb(39,35,54)
```
#302b42
```
#302b42 rgb(48,43,66)
```
#39334e
```
#39334e rgb(57,51,78)
```
#413a5a
```
#413a5a rgb(65,58,90)
```
#4a4266
```
#4a4266 rgb(74,66,102)
```
#534a72
```
#534a72 rgb(83,74,114)
```
#5b527d
```
#5b527d rgb(91,82,125)
```
#645989
```
#645989 rgb(100,89,137)
```
#6c6195
```
#6c6195 rgb(108,97,149)
```

Shade Color Variation

#766b9f
```
#766b9f rgb(118,107,159)
```
#8177a6
```
#8177a6 rgb(129,119,166)
```
#8c83ae
```
#8c83ae rgb(140,131,174)
```
#978fb6
```
#978fb6 rgb(151,143,182)
```
#a29bbe
```
#a29bbe rgb(162,155,190)
```
#ada7c5
```
#ada7c5 rgb(173,167,197)
```
#b8b2cd
```
#b8b2cd rgb(184,178,205)
```
#c3bed5
```
#c3bed5 rgb(195,190,213)
```
#cecadd
```
#cecadd rgb(206,202,221)
```
#d9d6e4
```
#d9d6e4 rgb(217,214,228)
```
#e4e2ec
```
#e4e2ec rgb(228,226,236)
```
#efeef4
```
#efeef4 rgb(239,238,244)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#35333a
```
#35333a rgb(53,51,58)
```
#322f3e
```
#322f3e rgb(50,47,62)
```
#302b42
```
#302b42 rgb(48,43,66)
```
#2e2746
```
#2e2746 rgb(46,39,70)
```
#2b234a
```
#2b234a rgb(43,35,74)
```
#291e4f
```
#291e4f rgb(41,30,79)
```
#271a53
```
#271a53 rgb(39,26,83)
```
#241657
```
#241657 rgb(36,22,87)
```
#22125b
```
#22125b rgb(34,18,91)
```
#1f0e5f
```
#1f0e5f rgb(31,14,95)
```
#1d0964
```
#1d0964 rgb(29,9,100)
```
#1b0568
```
#1b0568 rgb(27,5,104)
```
#18016c
```
#18016c rgb(24,1,108)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2e33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#32384d Protanopia 1% of men
#33384b Deuteranopia 1% of men
#37393d Tritanopia 0.001% of the population

Trichromacy

#313349 Protanomaly 1% of men, 0.01% of women
#323347 Deuteranomaly 6% of men, 0.4% of women
#34333e Tritanomaly 0.01% of the population

#302b42 hex color

#302b42 Color Information

#302b42 Color Conversion

Color Schemes with #302b42

Alternatives to #302b42

#302b42 Preview

Shades and Tints of #302b42

Tones of #302b42

Color Blindness Simulator