#332f40 hex color

In a RGB color space, hex #332f40 is composed of 20% red, 18.4% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 26.6% magenta, 0% yellow and 74.9% black. It has a hue angle of 254.1 degrees, a saturation of 15.3% and a lightness of 21.8%. #332f40 color hex could be obtained by blending #665e80 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 18
- B 25
RGB color chart
- C 20
- M 27
- Y 0
- K 75
CMYK color chart

● #332f40 color description : Very dark grayish blue.

The hexadecimal color #332f40 has RGB values of R:51, G:47, B:64 and CMYK values of C:0.2, M:0.27, Y:0, K:0.75. Its decimal value is 3354432.

Hex triplet	332f40	`#332f40`
RGB Decimal	51, 47, 64	`rgb(51,47,64)`
RGB Percent	20, 18.4, 25.1	`rgb(20%,18.4%,25.1%)`
CMYK	20, 27, 0, 75
HSL	254.1°, 15.3, 21.8	`hsl(254.1,15.3%,21.8%)`
HSV (or HSB)	254.1°, 26.6, 25.1
Web Safe	333333	`#333333`

CIE-LAB	20.467, 6.044, -10.038
XYZ	3.307, 3.107, 5.276
xyY	0.283, 0.266, 3.107
CIE-LCH	20.467, 11.717, 301.052
CIE-LUV	20.467, 0.899, -11.434
Hunter-Lab	17.627, 2.642, -5.407
Binary	00110011, 00101111, 01000000

#332f40
```
#332f40 rgb(51,47,64)
```
#3c402f
```
#3c402f rgb(60,64,47)
```

Complementary Color

#2f3440
```
#2f3440 rgb(47,52,64)
```
#332f40
```
#332f40 rgb(51,47,64)
```
#3c2f40
```
#3c2f40 rgb(60,47,64)
```

Analogous Color

#34402f
```
#34402f rgb(52,64,47)
```
#332f40
```
#332f40 rgb(51,47,64)
```
#403c2f
```
#403c2f rgb(64,60,47)
```

Split Complementary Color

#2f4033
```
#2f4033 rgb(47,64,51)
```
#332f40
```
#332f40 rgb(51,47,64)
```
#40332f
```
#40332f rgb(64,51,47)
```

Triadic Color

#2f3c40
```
#2f3c40 rgb(47,60,64)
```
#332f40
```
#332f40 rgb(51,47,64)
```
#40332f
```
#40332f rgb(64,51,47)
```
#3c402f
```
#3c402f rgb(60,64,47)
```

Tetradic Color

#100f14
```
#100f14 rgb(16,15,20)
```
#1c1923
```
#1c1923 rgb(28,25,35)
```
#272431
```
#272431 rgb(39,36,49)
```
#332f40
```
#332f40 rgb(51,47,64)
```
#3f3a4f
```
#3f3a4f rgb(63,58,79)
```
#4a455d
```
#4a455d rgb(74,69,93)
```
#564f6c
```
#564f6c rgb(86,79,108)
```

Monochromatic Color

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

#2f2f40
```
#2f2f40 rgb(47,47,64)
```
#302f40
```
#302f40 rgb(48,47,64)
```
#322f40
```
#322f40 rgb(50,47,64)
```
#332f40
```
#332f40 rgb(51,47,64)
```
#342f40
```
#342f40 rgb(52,47,64)
```
#362f40
```
#362f40 rgb(54,47,64)
```
#372f40
```
#372f40 rgb(55,47,64)
```

Similar Colors

Text with hexadecimal color #332f40

This text has a font color of #332f40.

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

#332f40 background color

This paragraph has a background color of #332f40.

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

#332f40 border color

This element has a border color of #332f40.

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

CSS codes

.text {color:#332f40;}

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

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

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

#060507
```
#060507 rgb(6,5,7)
```
#0f0e13
```
#0f0e13 rgb(15,14,19)
```
#18161e
```
#18161e rgb(24,22,30)
```
#211e29
```
#211e29 rgb(33,30,41)
```
#2a2735
```
#2a2735 rgb(42,39,53)
```
#332f40
```
#332f40 rgb(51,47,64)
```
#3c374b
```
#3c374b rgb(60,55,75)
```
#454057
```
#454057 rgb(69,64,87)
```
#4e4862
```
#4e4862 rgb(78,72,98)
```
#57506d
```
#57506d rgb(87,80,109)
```
#605979
```
#605979 rgb(96,89,121)
```
#696184
```
#696184 rgb(105,97,132)
```
#72698f
```
#72698f rgb(114,105,143)
```

Shade Color Variation

#7c7398
```
#7c7398 rgb(124,115,152)
```
#877fa1
```
#877fa1 rgb(135,127,161)
```
#918aa9
```
#918aa9 rgb(145,138,169)
```
#9c95b1
```
#9c95b1 rgb(156,149,177)
```
#a7a1ba
```
#a7a1ba rgb(167,161,186)
```
#b1acc2
```
#b1acc2 rgb(177,172,194)
```
#bcb7ca
```
#bcb7ca rgb(188,183,202)
```
#c6c3d3
```
#c6c3d3 rgb(198,195,211)
```
#d1cedb
```
#d1cedb rgb(209,206,219)
```
#dcd9e3
```
#dcd9e3 rgb(220,217,227)
```
#e6e5ec
```
#e6e5ec rgb(230,229,236)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#35333c
```
#35333c rgb(53,51,60)
```
#332f40
```
#332f40 rgb(51,47,64)
```
#312b44
```
#312b44 rgb(49,43,68)
```
#2e2649
```
#2e2649 rgb(46,38,73)
```
#2c224d
```
#2c224d rgb(44,34,77)
```
#2a1e51
```
#2a1e51 rgb(42,30,81)
```
#281a55
```
#281a55 rgb(40,26,85)
```
#25155a
```
#25155a rgb(37,21,90)
```
#23115e
```
#23115e rgb(35,17,94)
```
#210d62
```
#210d62 rgb(33,13,98)
```
#1f0966
```
#1f0966 rgb(31,9,102)
```
#1c046b
```
#1c046b rgb(28,4,107)
```
#1a006f
```
#1a006f rgb(26,0,111)
```

Tone Color Variation

Below, you can see how #332f40 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
#323135 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373b4a Protanopia 1% of men
#3a3a49 Deuteranopia 1% of men
#3b3b40 Tritanopia 0.001% of the population

Trichromacy

#363646 Protanomaly 1% of men, 0.01% of women
#373646 Deuteranomaly 6% of men, 0.4% of women
#383740 Tritanomaly 0.01% of the population

#332f40 hex color

#332f40 Color Information

#332f40 Color Conversion

Color Schemes with #332f40

Alternatives to #332f40

#332f40 Preview

Shades and Tints of #332f40

Tones of #332f40

Color Blindness Simulator