#cd771f hex color

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

♥
- f
- t
- g
- R 80
- G 47
- B 12
RGB color chart
- C 0
- M 42
- Y 85
- K 20
CMYK color chart

● #cd771f color description : Strong orange.

The hexadecimal color #cd771f has RGB values of R:205, G:119, B:31 and CMYK values of C:0, M:0.42, Y:0.85, K:0.2. Its decimal value is 13465375.

Hex triplet	cd771f	`#cd771f`
RGB Decimal	205, 119, 31	`rgb(205,119,31)`
RGB Percent	80.4, 46.7, 12.2	`rgb(80.4%,46.7%,12.2%)`
CMYK	0, 42, 85, 20
HSL	30.3°, 73.7, 46.3	`hsl(30.3,73.7%,46.3%)`
HSV (or HSB)	30.3°, 84.9, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.297, 27.671, 58.033
XYZ	32.022, 26.274, 4.681
xyY	0.508, 0.417, 26.274
CIE-LCH	58.297, 64.292, 64.507
CIE-LUV	58.297, 70.594, 52.195
Hunter-Lab	51.259, 21.809, 30.466
Binary	11001101, 01110111, 00011111

#cd771f
```
#cd771f rgb(205,119,31)
```
#1f75cd
```
#1f75cd rgb(31,117,205)
```

Complementary Color

#cd201f
```
#cd201f rgb(205,32,31)
```
#cd771f
```
#cd771f rgb(205,119,31)
```
#cccd1f
```
#cccd1f rgb(204,205,31)
```

Analogous Color

#201fcd
```
#201fcd rgb(32,31,205)
```
#cd771f
```
#cd771f rgb(205,119,31)
```
#1fcccd
```
#1fcccd rgb(31,204,205)
```

Split Complementary Color

#771fcd
```
#771fcd rgb(119,31,205)
```
#cd771f
```
#cd771f rgb(205,119,31)
```
#1fcd77
```
#1fcd77 rgb(31,205,119)
```

Triadic Color

#cd1f75
```
#cd1f75 rgb(205,31,117)
```
#cd771f
```
#cd771f rgb(205,119,31)
```
#1fcd77
```
#1fcd77 rgb(31,205,119)
```
#1f75cd
```
#1f75cd rgb(31,117,205)
```

Tetradic Color

#8b5015
```
#8b5015 rgb(139,80,21)
```
#a15d18
```
#a15d18 rgb(161,93,24)
```
#b76a1c
```
#b76a1c rgb(183,106,28)
```
#cd771f
```
#cd771f rgb(205,119,31)
```
#de8427
```
#de8427 rgb(222,132,39)
```
#e2903d
```
#e2903d rgb(226,144,61)
```
#e59d53
```
#e59d53 rgb(229,157,83)
```

Monochromatic Color

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

#cd4b1f
```
#cd4b1f rgb(205,75,31)
```
#cd5a1f
```
#cd5a1f rgb(205,90,31)
```
#cd691f
```
#cd691f rgb(205,105,31)
```
#cd771f
```
#cd771f rgb(205,119,31)
```
#cd861f
```
#cd861f rgb(205,134,31)
```
#cd941f
```
#cd941f rgb(205,148,31)
```
#cda31f
```
#cda31f rgb(205,163,31)
```

Similar Colors

Text with hexadecimal color #cd771f

This text has a font color of #cd771f.

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

#cd771f background color

This paragraph has a background color of #cd771f.

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

#cd771f border color

This element has a border color of #cd771f.

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

CSS codes

.text {color:#cd771f;}

.background {background-color:#cd771f;}

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

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 #fdf6ee is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120a03
```
#120a03 rgb(18,10,3)
```
#231405
```
#231405 rgb(35,20,5)
```
#341e08
```
#341e08 rgb(52,30,8)
```
#45280a
```
#45280a rgb(69,40,10)
```
#56320d
```
#56320d rgb(86,50,13)
```
#673c10
```
#673c10 rgb(103,60,16)
```
#784612
```
#784612 rgb(120,70,18)
```
#894f15
```
#894f15 rgb(137,79,21)
```
#9a5917
```
#9a5917 rgb(154,89,23)
```
#ab631a
```
#ab631a rgb(171,99,26)
```
#bc6d1c
```
#bc6d1c rgb(188,109,28)
```
#cd771f
```
#cd771f rgb(205,119,31)
```

Shade Color Variation

#de8122
```
#de8122 rgb(222,129,34)
```
#e08b33
```
#e08b33 rgb(224,139,51)
```
#e39444
```
#e39444 rgb(227,148,68)
```
#e59e55
```
#e59e55 rgb(229,158,85)
```
#e8a866
```
#e8a866 rgb(232,168,102)
```
#eab277
```
#eab277 rgb(234,178,119)
```
#edbb88
```
#edbb88 rgb(237,187,136)
```
#f0c599
```
#f0c599 rgb(240,197,153)
```
#f2cfaa
```
#f2cfaa rgb(242,207,170)
```
#f5d8bb
```
#f5d8bb rgb(245,216,187)
```
#f7e2cc
```
#f7e2cc rgb(247,226,204)
```
#faecdd
```
#faecdd rgb(250,236,221)
```
#fdf6ee
```
#fdf6ee rgb(253,246,238)
```

Tint Color Variation

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

#7b7671
```
#7b7671 rgb(123,118,113)
```
#847668
```
#847668 rgb(132,118,104)
```
#8d765f
```
#8d765f rgb(141,118,95)
```
#977655
```
#977655 rgb(151,118,85)
```
#a0764c
```
#a0764c rgb(160,118,76)
```
#a97743
```
#a97743 rgb(169,119,67)
```
#b2773a
```
#b2773a rgb(178,119,58)
```
#bb7731
```
#bb7731 rgb(187,119,49)
```
#c47728
```
#c47728 rgb(196,119,40)
```
#cd771f
```
#cd771f rgb(205,119,31)
```
#d67716
```
#d67716 rgb(214,119,22)
```
#df770d
```
#df770d rgb(223,119,13)
```
#e87704
```
#e87704 rgb(232,119,4)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#958472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3922f Protanopia 1% of men
#b68b23 Deuteranopia 1% of men
#d3767e Tritanopia 0.001% of the population

Trichromacy

#b28829 Protanomaly 1% of men, 0.01% of women
#be8321 Deuteranomaly 6% of men, 0.4% of women
#d1765b Tritanomaly 0.01% of the population

#cd771f hex color

#cd771f Color Information

#cd771f Color Conversion

Color Schemes with #cd771f

Alternatives to #cd771f

#cd771f Preview

Shades and Tints of #cd771f

Tones of #cd771f

Color Blindness Simulator