colorhexa.com

#3c224d hex color

In a RGB color space, hex #3c224d is composed of 23.5% red, 13.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 55.8% magenta, 0% yellow and 69.8% black. It has a hue angle of 276.3 degrees, a saturation of 38.7% and a lightness of 21.8%. #3c224d color hex could be obtained by blending #78449a with #000000. Closest websafe color is: #333366.

- R 24
- G 13
- B 30
RGB color chart
- C 22
- M 56
- Y 0
- K 70
CMYK color chart

● #3c224d color description : Very dark desaturated violet.

The hexadecimal color #3c224d has RGB values of R:60, G:34, B:77 and CMYK values of C:0.22, M:0.56, Y:0, K:0.7. Its decimal value is 3940941.

Hex triplet	3c224d	`#3c224d`
RGB Decimal	60, 34, 77	`rgb(60,34,77)`
RGB Percent	23.5, 13.3, 30.2	`rgb(23.5%,13.3%,30.2%)`
CMYK	22, 56, 0, 70
HSL	276.3°, 38.7, 21.8	`hsl(276.3,38.7%,21.8%)`
HSV (or HSB)	276.3°, 55.8, 30.2
Web Safe	333366	`#333366`

CIE-LAB	18.543, 21.7, -21.809
XYZ	3.775, 2.641, 7.332
xyY	0.275, 0.192, 2.641
CIE-LCH	18.543, 30.765, 314.856
CIE-LUV	18.543, 7.982, -25.271
Hunter-Lab	16.25, 13.028, -15.375
Binary	00111100, 00100010, 01001101

#3c224d
```
#3c224d rgb(60,34,77)
```
#334d22
```
#334d22 rgb(51,77,34)
```

Complementary Color

#27224d
```
#27224d rgb(39,34,77)
```
#3c224d
```
#3c224d rgb(60,34,77)
```
#4d2249
```
#4d2249 rgb(77,34,73)
```

Analogous Color

#224d27
```
#224d27 rgb(34,77,39)
```
#3c224d
```
#3c224d rgb(60,34,77)
```
#494d22
```
#494d22 rgb(73,77,34)
```

Split Complementary Color

#130b18
```
#130b18 rgb(19,11,24)
```
#20122a
```
#20122a rgb(32,18,42)
```
#2e1a3b
```
#2e1a3b rgb(46,26,59)
```
#3c224d
```
#3c224d rgb(60,34,77)
```
#4a2a5f
```
#4a2a5f rgb(74,42,95)
```
#583270
```
#583270 rgb(88,50,112)
```
#653982
```
#653982 rgb(101,57,130)
```

Monochromatic Color

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

#31224d
```
#31224d rgb(49,34,77)
```
#35224d
```
#35224d rgb(53,34,77)
```
#38224d
```
#38224d rgb(56,34,77)
```
#3c224d
```
#3c224d rgb(60,34,77)
```
#40224d
```
#40224d rgb(64,34,77)
```
#43224d
```
#43224d rgb(67,34,77)
```
#47224d
```
#47224d rgb(71,34,77)
```

Similar Colors

Text with hexadecimal color #3c224d

This text has a font color of #3c224d.

<span style="color:#3c224d;">Text here</span>

#3c224d background color

This paragraph has a background color of #3c224d.

<p style="background-color:#3c224d;">Content here</p>

#3c224d border color

This element has a border color of #3c224d.

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

CSS codes

.text {color:#3c224d;}

.background {background-color:#3c224d;}

.border {border:1px solid #3c224d;}

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

#070409
```
#070409 rgb(7,4,9)
```
#120a17
```
#120a17 rgb(18,10,23)
```
#1c1024
```
#1c1024 rgb(28,16,36)
```
#271632
```
#271632 rgb(39,22,50)
```
#311c3f
```
#311c3f rgb(49,28,63)
```
#3c224d
```
#3c224d rgb(60,34,77)
```
#47285b
```
#47285b rgb(71,40,91)
```
#512e68
```
#512e68 rgb(81,46,104)
```
#5c3476
```
#5c3476 rgb(92,52,118)
```
#663a83
```
#663a83 rgb(102,58,131)
```
#714091
```
#714091 rgb(113,64,145)
```
#7c469f
```
#7c469f rgb(124,70,159)
```
#864cac
```
#864cac rgb(134,76,172)
```

Shade Color Variation

#9057b5
```
#9057b5 rgb(144,87,181)
```
#9965bb
```
#9965bb rgb(153,101,187)
```
#a272c1
```
#a272c1 rgb(162,114,193)
```
#ab80c7
```
#ab80c7 rgb(171,128,199)
```
#b48ecd
```
#b48ecd rgb(180,142,205)
```
#bd9bd3
```
#bd9bd3 rgb(189,155,211)
```
#c6a9d9
```
#c6a9d9 rgb(198,169,217)
```
#cfb6df
```
#cfb6df rgb(207,182,223)
```
#d8c4e5
```
#d8c4e5 rgb(216,196,229)
```
#e1d2eb
```
#e1d2eb rgb(225,210,235)
```
#eadff1
```
#eadff1 rgb(234,223,241)
```
#f3edf7
```
#f3edf7 rgb(243,237,247)
```
#fcfafd
```
#fcfafd rgb(252,250,253)
```

Tint Color Variation

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

#383738
```
#383738 rgb(56,55,56)
```
#38333c
```
#38333c rgb(56,51,60)
```
#392f40
```
#392f40 rgb(57,47,64)
```
#3a2b44
```
#3a2b44 rgb(58,43,68)
```
#3b2649
```
#3b2649 rgb(59,38,73)
```
#3c224d
```
#3c224d rgb(60,34,77)
```
#3d1e51
```
#3d1e51 rgb(61,30,81)
```
#3e1956
```
#3e1956 rgb(62,25,86)
```
#3f155a
```
#3f155a rgb(63,21,90)
```
#40115e
```
#40115e rgb(64,17,94)
```
#400d62
```
#400d62 rgb(64,13,98)
```
#410867
```
#410867 rgb(65,8,103)
```
#42046b
```
#42046b rgb(66,4,107)
```

Tone Color Variation

Below, you can see how #3c224d 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
#322c35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#24365d Protanopia 1% of men
#293852 Deuteranopia 1% of men
#403538 Tritanopia 0.001% of the population

Trichromacy

#2d2f57 Protanomaly 1% of men, 0.01% of women
#303050 Deuteranomaly 6% of men, 0.4% of women
#3e2e40 Tritanomaly 0.01% of the population