#302f34 hex color

In a RGB color space, hex #302f34 is composed of 18.8% red, 18.4% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 9.6% magenta, 0% yellow and 79.6% black. It has a hue angle of 252 degrees, a saturation of 5.1% and a lightness of 19.4%. #302f34 color hex could be obtained by blending #605e68 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 18
- B 20
RGB color chart
- C 8
- M 10
- Y 0
- K 80
CMYK color chart

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

The hexadecimal color #302f34 has RGB values of R:48, G:47, B:52 and CMYK values of C:0.08, M:0.1, Y:0, K:0.8. Its decimal value is 3157812.

Hex triplet	302f34	`#302f34`
RGB Decimal	48, 47, 52	`rgb(48,47,52)`
RGB Percent	18.8, 18.4, 20.4	`rgb(18.8%,18.4%,20.4%)`
CMYK	8, 10, 0, 80
HSL	252°, 5.1, 19.4	`hsl(252,5.1%,19.4%)`
HSV (or HSB)	252°, 9.6, 20.4
Web Safe	333333	`#333333`

CIE-LAB	19.677, 1.649, -3.033
XYZ	2.855, 2.909, 3.66
xyY	0.303, 0.309, 2.909
CIE-LCH	19.677, 3.452, 298.538
CIE-LUV	19.677, 0.222, -3.264
Hunter-Lab	17.057, 0.03, -0.782
Binary	00110000, 00101111, 00110100

#302f34
```
#302f34 rgb(48,47,52)
```
#33342f
```
#33342f rgb(51,52,47)
```

Complementary Color

#2f3134
```
#2f3134 rgb(47,49,52)
```
#302f34
```
#302f34 rgb(48,47,52)
```
#332f34
```
#332f34 rgb(51,47,52)
```

Analogous Color

#31342f
```
#31342f rgb(49,52,47)
```
#302f34
```
#302f34 rgb(48,47,52)
```
#34332f
```
#34332f rgb(52,51,47)
```

Split Complementary Color

#2f3430
```
#2f3430 rgb(47,52,48)
```
#302f34
```
#302f34 rgb(48,47,52)
```
#34302f
```
#34302f rgb(52,48,47)
```

Triadic Color

#2f3334
```
#2f3334 rgb(47,51,52)
```
#302f34
```
#302f34 rgb(48,47,52)
```
#34302f
```
#34302f rgb(52,48,47)
```
#33342f
```
#33342f rgb(51,52,47)
```

Tetradic Color

#0b0b0c
```
#0b0b0c rgb(11,11,12)
```
#171719
```
#171719 rgb(23,23,25)
```
#242327
```
#242327 rgb(36,35,39)
```
#302f34
```
#302f34 rgb(48,47,52)
```
#3c3b41
```
#3c3b41 rgb(60,59,65)
```
#49474f
```
#49474f rgb(73,71,79)
```
#55535c
```
#55535c rgb(85,83,92)
```

Monochromatic Color

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

#2f2f34
```
#2f2f34 rgb(47,47,52)
```
#2f2f34
```
#2f2f34 rgb(47,47,52)
```
#302f34
```
#302f34 rgb(48,47,52)
```
#302f34
```
#302f34 rgb(48,47,52)
```
#302f34
```
#302f34 rgb(48,47,52)
```
#312f34
```
#312f34 rgb(49,47,52)
```
#312f34
```
#312f34 rgb(49,47,52)
```

Similar Colors

Text with hexadecimal color #302f34

This text has a font color of #302f34.

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

#302f34 background color

This paragraph has a background color of #302f34.

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

#302f34 border color

This element has a border color of #302f34.

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

CSS codes

.text {color:#302f34;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0a0b
```
#0a0a0b rgb(10,10,11)
```
#131315
```
#131315 rgb(19,19,21)
```
#1d1c1f
```
#1d1c1f rgb(29,28,31)
```
#26262a
```
#26262a rgb(38,38,42)
```
#302f34
```
#302f34 rgb(48,47,52)
```
#3a383e
```
#3a383e rgb(58,56,62)
```
#434249
```
#434249 rgb(67,66,73)
```
#4d4b53
```
#4d4b53 rgb(77,75,83)
```
#56545d
```
#56545d rgb(86,84,93)
```
#605e68
```
#605e68 rgb(96,94,104)
```
#696772
```
#696772 rgb(105,103,114)
```
#73707c
```
#73707c rgb(115,112,124)
```

Shade Color Variation

#7c7a86
```
#7c7a86 rgb(124,122,134)
```
#868490
```
#868490 rgb(134,132,144)
```
#908e99
```
#908e99 rgb(144,142,153)
```
#9a98a2
```
#9a98a2 rgb(154,152,162)
```
#a5a3ac
```
#a5a3ac rgb(165,163,172)
```
#afadb5
```
#afadb5 rgb(175,173,181)
```
#b9b7be
```
#b9b7be rgb(185,183,190)
```
#c3c2c8
```
#c3c2c8 rgb(195,194,200)
```
#cdccd1
```
#cdccd1 rgb(205,204,209)
```
#d7d6da
```
#d7d6da rgb(215,214,218)
```
#e1e1e4
```
#e1e1e4 rgb(225,225,228)
```
#ebebed
```
#ebebed rgb(235,235,237)
```
#f5f5f6
```
#f5f5f6 rgb(245,245,246)
```

Tint Color Variation

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

#302f34
```
#302f34 rgb(48,47,52)
```
#2e2b38
```
#2e2b38 rgb(46,43,56)
```
#2b273c
```
#2b273c rgb(43,39,60)
```
#29243f
```
#29243f rgb(41,36,63)
```
#272043
```
#272043 rgb(39,32,67)
```
#251c47
```
#251c47 rgb(37,28,71)
```
#22184b
```
#22184b rgb(34,24,75)
```
#20144f
```
#20144f rgb(32,20,79)
```
#1e1152
```
#1e1152 rgb(30,17,82)
```
#1b0d56
```
#1b0d56 rgb(27,13,86)
```
#19095a
```
#19095a rgb(25,9,90)
```
#17055e
```
#17055e rgb(23,5,94)
```
#150162
```
#150162 rgb(21,1,98)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#303031 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a3a3e Protanopia 1% of men
#3d383e Deuteranopia 1% of men
#3a393e Tritanopia 0.001% of the population

Trichromacy

#36363a Protanomaly 1% of men, 0.01% of women
#38353a Deuteranomaly 6% of men, 0.4% of women
#36353a Tritanomaly 0.01% of the population

#302f34 hex color

#302f34 Color Information

#302f34 Color Conversion

Color Schemes with #302f34

Alternatives to #302f34

#302f34 Preview

Shades and Tints of #302f34

Tones of #302f34

Color Blindness Simulator