colorhexa.com

#cd331f hex color

In a RGB color space, hex #cd331f is composed of 80.4% red, 20% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.1% magenta, 84.9% yellow and 19.6% black. It has a hue angle of 6.9 degrees, a saturation of 73.7% and a lightness of 46.3%. #cd331f color hex could be obtained by blending #ff663e with #9b0000. Closest websafe color is: #cc3333.

- R 80
- G 20
- B 12
RGB color chart
- C 0
- M 75
- Y 85
- K 20
CMYK color chart

● #cd331f color description : Strong red.

The hexadecimal color #cd331f has RGB values of R:205, G:51, B:31 and CMYK values of C:0, M:0.75, Y:0.85, K:0.2. Its decimal value is 13447967.

Hex triplet	cd331f	`#cd331f`
RGB Decimal	205, 51, 31	`rgb(205,51,31)`
RGB Percent	80.4, 20, 12.2	`rgb(80.4%,20%,12.2%)`
CMYK	0, 75, 85, 20
HSL	6.9°, 73.7, 46.3	`hsl(6.9,73.7%,46.3%)`
HSV (or HSB)	6.9°, 84.9, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.243, 58.802, 47.745
XYZ	26.609, 15.449, 2.877
xyY	0.592, 0.344, 15.449
CIE-LCH	46.243, 75.745, 39.076
CIE-LUV	46.243, 120.736, 31.539
Hunter-Lab	39.305, 52.059, 23.174
Binary	11001101, 00110011, 00011111

#cd331f
```
#cd331f rgb(205,51,31)
```
#1fb9cd
```
#1fb9cd rgb(31,185,205)
```

Complementary Color

#cd1f62
```
#cd1f62 rgb(205,31,98)
```
#cd331f
```
#cd331f rgb(205,51,31)
```
#cd8a1f
```
#cd8a1f rgb(205,138,31)
```

Analogous Color

#1f62cd
```
#1f62cd rgb(31,98,205)
```
#cd331f
```
#cd331f rgb(205,51,31)
```
#1fcd8a
```
#1fcd8a rgb(31,205,138)
```

Split Complementary Color

#331fcd
```
#331fcd rgb(51,31,205)
```
#cd331f
```
#cd331f rgb(205,51,31)
```
#1fcd33
```
#1fcd33 rgb(31,205,51)
```

Triadic Color

#cd1fb9
```
#cd1fb9 rgb(205,31,185)
```
#cd331f
```
#cd331f rgb(205,51,31)
```
#1fcd33
```
#1fcd33 rgb(31,205,51)
```
#1fb9cd
```
#1fb9cd rgb(31,185,205)
```

Tetradic Color

#8b2215
```
#8b2215 rgb(139,34,21)
```
#a12818
```
#a12818 rgb(161,40,24)
```
#b72d1c
```
#b72d1c rgb(183,45,28)
```
#cd331f
```
#cd331f rgb(205,51,31)
```
#de3c27
```
#de3c27 rgb(222,60,39)
```
#e2503d
```
#e2503d rgb(226,80,61)
```
#e56453
```
#e56453 rgb(229,100,83)
```

Monochromatic Color

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

#cd1f37
```
#cd1f37 rgb(205,31,55)
```
#cd1f28
```
#cd1f28 rgb(205,31,40)
```
#cd241f
```
#cd241f rgb(205,36,31)
```
#cd331f
```
#cd331f rgb(205,51,31)
```
#cd411f
```
#cd411f rgb(205,65,31)
```
#cd501f
```
#cd501f rgb(205,80,31)
```
#cd5e1f
```
#cd5e1f rgb(205,94,31)
```

Similar Colors

Text with hexadecimal color #cd331f

This text has a font color of #cd331f.

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

#cd331f background color

This paragraph has a background color of #cd331f.

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

#cd331f border color

This element has a border color of #cd331f.

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

CSS codes

.text {color:#cd331f;}

.background {background-color:#cd331f;}

.border {border:1px solid #cd331f;}

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

#010000
```
#010000 rgb(1,0,0)
```
#120403
```
#120403 rgb(18,4,3)
```
#230905
```
#230905 rgb(35,9,5)
```
#340d08
```
#340d08 rgb(52,13,8)
```
#45110a
```
#45110a rgb(69,17,10)
```
#56150d
```
#56150d rgb(86,21,13)
```
#671a10
```
#671a10 rgb(103,26,16)
```
#781e12
```
#781e12 rgb(120,30,18)
```
#892215
```
#892215 rgb(137,34,21)
```
#9a2617
```
#9a2617 rgb(154,38,23)
```
#ab2b1a
```
#ab2b1a rgb(171,43,26)
```
#bc2f1c
```
#bc2f1c rgb(188,47,28)
```
#cd331f
```
#cd331f rgb(205,51,31)
```

Shade Color Variation

#de3822
```
#de3822 rgb(222,56,34)
```
#e04733
```
#e04733 rgb(224,71,51)
```
#e35644
```
#e35644 rgb(227,86,68)
```
#e56655
```
#e56655 rgb(229,102,85)
```
#e87566
```
#e87566 rgb(232,117,102)
```
#ea8477
```
#ea8477 rgb(234,132,119)
```
#ed9488
```
#ed9488 rgb(237,148,136)
```
#f0a399
```
#f0a399 rgb(240,163,153)
```
#f2b3aa
```
#f2b3aa rgb(242,179,170)
```
#f5c2bb
```
#f5c2bb rgb(245,194,187)
```
#f7d1cc
```
#f7d1cc rgb(247,209,204)
```
#fae1dd
```
#fae1dd rgb(250,225,221)
```
#fdf0ee
```
#fdf0ee rgb(253,240,238)
```

Tint Color Variation

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

#7b7271
```
#7b7271 rgb(123,114,113)
```
#846b68
```
#846b68 rgb(132,107,104)
```
#8d645f
```
#8d645f rgb(141,100,95)
```
#975d55
```
#975d55 rgb(151,93,85)
```
#a0564c
```
#a0564c rgb(160,86,76)
```
#a94f43
```
#a94f43 rgb(169,79,67)
```
#b2483a
```
#b2483a rgb(178,72,58)
```
#bb4131
```
#bb4131 rgb(187,65,49)
```
#c43a28
```
#c43a28 rgb(196,58,40)
```
#cd331f
```
#cd331f rgb(205,51,31)
```
#d62c16
```
#d62c16 rgb(214,44,22)
```
#df250d
```
#df250d rgb(223,37,13)
```
#e81e04
```
#e81e04 rgb(232,30,4)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#755652 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817538 Protanopia 1% of men
#926f18 Deuteranopia 1% of men
#d03b3d Tritanopia 0.001% of the population

Trichromacy

#9c5d2f Protanomaly 1% of men, 0.01% of women
#a7591a Deuteranomaly 6% of men, 0.4% of women
#ce3832 Tritanomaly 0.01% of the population