colorhexa.com

#332f49 hex color

In a RGB color space, hex #332f49 is composed of 20% red, 18.4% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 35.6% magenta, 0% yellow and 71.4% black. It has a hue angle of 249.2 degrees, a saturation of 21.7% and a lightness of 23.5%. #332f49 color hex could be obtained by blending #665e92 with #000000. Closest websafe color is: #333333.

- R 20
- G 18
- B 29
RGB color chart
- C 30
- M 36
- Y 0
- K 71
CMYK color chart

● #332f49 color description : Very dark desaturated blue.

The hexadecimal color #332f49 has RGB values of R:51, G:47, B:73 and CMYK values of C:0.3, M:0.36, Y:0, K:0.71. Its decimal value is 3354441.

Hex triplet	332f49	`#332f49`
RGB Decimal	51, 47, 73	`rgb(51,47,73)`
RGB Percent	20, 18.4, 28.6	`rgb(20%,18.4%,28.6%)`
CMYK	30, 36, 0, 71
HSL	249.2°, 21.7, 23.5	`hsl(249.2,21.7%,23.5%)`
HSV (or HSB)	249.2°, 35.6, 28.6
Web Safe	333333	`#333333`

CIE-LAB	20.896, 8.634, -15.483
XYZ	3.584, 3.218, 6.735
xyY	0.265, 0.238, 3.218
CIE-LCH	20.896, 17.728, 299.145
CIE-LUV	20.896, 0.304, -18.045
Hunter-Lab	17.938, 4.273, -9.705
Binary	00110011, 00101111, 01001001

#332f49
```
#332f49 rgb(51,47,73)
```
#45492f
```
#45492f rgb(69,73,47)
```

Complementary Color

#2f3849
```
#2f3849 rgb(47,56,73)
```
#332f49
```
#332f49 rgb(51,47,73)
```
#402f49
```
#402f49 rgb(64,47,73)
```

Analogous Color

#38492f
```
#38492f rgb(56,73,47)
```
#332f49
```
#332f49 rgb(51,47,73)
```
#49402f
```
#49402f rgb(73,64,47)
```

Split Complementary Color

#12111a
```
#12111a rgb(18,17,26)
```
#1d1b2a
```
#1d1b2a rgb(29,27,42)
```
#282539
```
#282539 rgb(40,37,57)
```
#332f49
```
#332f49 rgb(51,47,73)
```
#3e3959
```
#3e3959 rgb(62,57,89)
```
#494368
```
#494368 rgb(73,67,104)
```
#544d78
```
#544d78 rgb(84,77,120)
```

Monochromatic Color

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

#2f3249
```
#2f3249 rgb(47,50,73)
```
#2f2f49
```
#2f2f49 rgb(47,47,73)
```
#312f49
```
#312f49 rgb(49,47,73)
```
#332f49
```
#332f49 rgb(51,47,73)
```
#352f49
```
#352f49 rgb(53,47,73)
```
#372f49
```
#372f49 rgb(55,47,73)
```
#3a2f49
```
#3a2f49 rgb(58,47,73)
```

Similar Colors

Text with hexadecimal color #332f49

This text has a font color of #332f49.

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

#332f49 background color

This paragraph has a background color of #332f49.

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

#332f49 border color

This element has a border color of #332f49.

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

CSS codes

.text {color:#332f49;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#09090d
```
#09090d rgb(9,9,13)
```
#121019
```
#121019 rgb(18,16,25)
```
#1a1825
```
#1a1825 rgb(26,24,37)
```
#222031
```
#222031 rgb(34,32,49)
```
#2b273d
```
#2b273d rgb(43,39,61)
```
#332f49
```
#332f49 rgb(51,47,73)
```
#3b3755
```
#3b3755 rgb(59,55,85)
```
#443e61
```
#443e61 rgb(68,62,97)
```
#4c466d
```
#4c466d rgb(76,70,109)
```
#544e79
```
#544e79 rgb(84,78,121)
```
#5d5585
```
#5d5585 rgb(93,85,133)
```
#655d91
```
#655d91 rgb(101,93,145)
```

Shade Color Variation

#6e659c
```
#6e659c rgb(110,101,156)
```
#7971a4
```
#7971a4 rgb(121,113,164)
```
#847dab
```
#847dab rgb(132,125,171)
```
#9089b3
```
#9089b3 rgb(144,137,179)
```
#9b95bb
```
#9b95bb rgb(155,149,187)
```
#a6a1c2
```
#a6a1c2 rgb(166,161,194)
```
#b1adca
```
#b1adca rgb(177,173,202)
```
#bdb9d2
```
#bdb9d2 rgb(189,185,210)
```
#c8c5d9
```
#c8c5d9 rgb(200,197,217)
```
#d3d1e1
```
#d3d1e1 rgb(211,209,225)
```
#dedde9
```
#dedde9 rgb(222,221,233)
```
#eae9f1
```
#eae9f1 rgb(234,233,241)
```
#f5f4f8
```
#f5f4f8 rgb(245,244,248)
```

Tint Color Variation

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

#393840
```
#393840 rgb(57,56,64)
```
#363444
```
#363444 rgb(54,52,68)
```
#332f49
```
#332f49 rgb(51,47,73)
```
#302a4e
```
#302a4e rgb(48,42,78)
```
#2d2652
```
#2d2652 rgb(45,38,82)
```
#292157
```
#292157 rgb(41,33,87)
```
#261d5b
```
#261d5b rgb(38,29,91)
```
#231860
```
#231860 rgb(35,24,96)
```
#201365
```
#201365 rgb(32,19,101)
```
#1d0f69
```
#1d0f69 rgb(29,15,105)
```
#190a6e
```
#190a6e rgb(25,10,110)
```
#160573
```
#160573 rgb(22,5,115)
```
#130177
```
#130177 rgb(19,1,119)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#333237 Atypical Achromatopsia 0.001% of the population

Dichromacy

#343c54 Protanopia 1% of men
#353c51 Deuteranopia 1% of men
#393d41 Tritanopia 0.001% of the population

Trichromacy

#343750 Protanomaly 1% of men, 0.01% of women
#34374e Deuteranomaly 6% of men, 0.4% of women
#373844 Tritanomaly 0.01% of the population