#332f3e hex color

In a RGB color space, hex #332f3e is composed of 20% red, 18.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 24.2% magenta, 0% yellow and 75.7% black. It has a hue angle of 256 degrees, a saturation of 13.8% and a lightness of 21.4%. #332f3e color hex could be obtained by blending #665e7c with #000000. Closest websafe color is: #333333.

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

● #332f3e color description : Very dark grayish violet.

The hexadecimal color #332f3e has RGB values of R:51, G:47, B:62 and CMYK values of C:0.18, M:0.24, Y:0, K:0.76. Its decimal value is 3354430.

Hex triplet	332f3e	`#332f3e`
RGB Decimal	51, 47, 62	`rgb(51,47,62)`
RGB Percent	20, 18.4, 24.3	`rgb(20%,18.4%,24.3%)`
CMYK	18, 24, 0, 76
HSL	256°, 13.8, 21.4	`hsl(256,13.8%,21.4%)`
HSV (or HSB)	256°, 24.2, 24.3
Web Safe	333333	`#333333`

CIE-LAB	20.38, 5.497, -8.807
XYZ	3.251, 3.085, 4.981
xyY	0.287, 0.273, 3.085
CIE-LCH	20.38, 10.381, 301.971
CIE-LUV	20.38, 1.031, -9.984
Hunter-Lab	17.563, 2.307, -4.522
Binary	00110011, 00101111, 00111110

#332f3e
```
#332f3e rgb(51,47,62)
```
#3a3e2f
```
#3a3e2f rgb(58,62,47)
```

Complementary Color

#2f333e
```
#2f333e rgb(47,51,62)
```
#332f3e
```
#332f3e rgb(51,47,62)
```
#3b2f3e
```
#3b2f3e rgb(59,47,62)
```

Analogous Color

#333e2f
```
#333e2f rgb(51,62,47)
```
#332f3e
```
#332f3e rgb(51,47,62)
```
#3e3b2f
```
#3e3b2f rgb(62,59,47)
```

Split Complementary Color

#2f3e33
```
#2f3e33 rgb(47,62,51)
```
#332f3e
```
#332f3e rgb(51,47,62)
```
#3e332f
```
#3e332f rgb(62,51,47)
```

Triadic Color

#2f3a3e
```
#2f3a3e rgb(47,58,62)
```
#332f3e
```
#332f3e rgb(51,47,62)
```
#3e332f
```
#3e332f rgb(62,51,47)
```
#3a3e2f
```
#3a3e2f rgb(58,62,47)
```

Tetradic Color

#0f0e12
```
#0f0e12 rgb(15,14,18)
```
#1b1921
```
#1b1921 rgb(27,25,33)
```
#27242f
```
#27242f rgb(39,36,47)
```
#332f3e
```
#332f3e rgb(51,47,62)
```
#3f3a4d
```
#3f3a4d rgb(63,58,77)
```
#4b455b
```
#4b455b rgb(75,69,91)
```
#57506a
```
#57506a rgb(87,80,106)
```

Monochromatic Color

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

#2f2f3e
```
#2f2f3e rgb(47,47,62)
```
#312f3e
```
#312f3e rgb(49,47,62)
```
#322f3e
```
#322f3e rgb(50,47,62)
```
#332f3e
```
#332f3e rgb(51,47,62)
```
#342f3e
```
#342f3e rgb(52,47,62)
```
#362f3e
```
#362f3e rgb(54,47,62)
```
#372f3e
```
#372f3e rgb(55,47,62)
```

Similar Colors

Text with hexadecimal color #332f3e

This text has a font color of #332f3e.

<span style="color:#332f3e;">Text here</span>

#332f3e background color

This paragraph has a background color of #332f3e.

<p style="background-color:#332f3e;">Content here</p>

#332f3e border color

This element has a border color of #332f3e.

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

CSS codes

.text {color:#332f3e;}

.background {background-color:#332f3e;}

.border {border:1px solid #332f3e;}

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

#050506
```
#050506 rgb(5,5,6)
```
#0e0d11
```
#0e0d11 rgb(14,13,17)
```
#17161d
```
#17161d rgb(23,22,29)
```
#211e28
```
#211e28 rgb(33,30,40)
```
#2a2733
```
#2a2733 rgb(42,39,51)
```
#332f3e
```
#332f3e rgb(51,47,62)
```
#3c3749
```
#3c3749 rgb(60,55,73)
```
#454054
```
#454054 rgb(69,64,84)
```
#4f485f
```
#4f485f rgb(79,72,95)
```
#58516b
```
#58516b rgb(88,81,107)
```
#615976
```
#615976 rgb(97,89,118)
```
#6a6281
```
#6a6281 rgb(106,98,129)
```
#736a8c
```
#736a8c rgb(115,106,140)
```

Shade Color Variation

#7d7496
```
#7d7496 rgb(125,116,150)
```
#887f9e
```
#887f9e rgb(136,127,158)
```
#928aa7
```
#928aa7 rgb(146,138,167)
```
#9c96af
```
#9c96af rgb(156,150,175)
```
#a7a1b8
```
#a7a1b8 rgb(167,161,184)
```
#b1acc0
```
#b1acc0 rgb(177,172,192)
```
#bcb7c9
```
#bcb7c9 rgb(188,183,201)
```
#c6c2d1
```
#c6c2d1 rgb(198,194,209)
```
#d1cdd9
```
#d1cdd9 rgb(209,205,217)
```
#dbd9e2
```
#dbd9e2 rgb(219,217,226)
```
#e5e4ea
```
#e5e4ea rgb(229,228,234)
```
#f0eff3
```
#f0eff3 rgb(240,239,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#35333a
```
#35333a rgb(53,51,58)
```
#332f3e
```
#332f3e rgb(51,47,62)
```
#312b42
```
#312b42 rgb(49,43,66)
```
#2f2746
```
#2f2746 rgb(47,39,70)
```
#2d224b
```
#2d224b rgb(45,34,75)
```
#2b1e4f
```
#2b1e4f rgb(43,30,79)
```
#291a53
```
#291a53 rgb(41,26,83)
```
#271657
```
#271657 rgb(39,22,87)
```
#25125b
```
#25125b rgb(37,18,91)
```
#230d60
```
#230d60 rgb(35,13,96)
```
#210964
```
#210964 rgb(33,9,100)
```
#1f0568
```
#1f0568 rgb(31,5,104)
```
#1d016c
```
#1d016c rgb(29,1,108)
```

Tone Color Variation

Below, you can see how #332f3e 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

#323232 Achromatopsia 0.005% of the population
#323134 Atypical Achromatopsia 0.001% of the population

Dichromacy

#383b48 Protanopia 1% of men
#3b3a47 Deuteranopia 1% of men
#3b3b3f Tritanopia 0.001% of the population

Trichromacy

#363644 Protanomaly 1% of men, 0.01% of women
#383644 Deuteranomaly 6% of men, 0.4% of women
#38363f Tritanomaly 0.01% of the population

#332f3e hex color

#332f3e Color Information

#332f3e Color Conversion

Color Schemes with #332f3e

Alternatives to #332f3e

#332f3e Preview

Shades and Tints of #332f3e

Tones of #332f3e

Color Blindness Simulator