#cd951f hex color

In a RGB color space, hex #cd951f is composed of 80.4% red, 58.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.3% magenta, 84.9% yellow and 19.6% black. It has a hue angle of 40.7 degrees, a saturation of 73.7% and a lightness of 46.3%. #cd951f color hex could be obtained by blending #ffff3e with #9b2b00. Closest websafe color is: #cc9933.

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

● #cd951f color description : Strong orange.

The hexadecimal color #cd951f has RGB values of R:205, G:149, B:31 and CMYK values of C:0, M:0.27, Y:0.85, K:0.2. Its decimal value is 13473055.

Hex triplet	cd951f	`#cd951f`
RGB Decimal	205, 149, 31	`rgb(205,149,31)`
RGB Percent	80.4, 58.4, 12.2	`rgb(80.4%,58.4%,12.2%)`
CMYK	0, 27, 85, 20
HSL	40.7°, 73.7, 46.3	`hsl(40.7,73.7%,46.3%)`
HSV (or HSB)	40.7°, 84.9, 80.4
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.417, 11.407, 63.993
XYZ	36.172, 34.575, 6.065
xyY	0.471, 0.45, 34.575
CIE-LCH	65.417, 65.001, 79.893
CIE-LUV	65.417, 46.497, 63.555
Hunter-Lab	58.801, 6.907, 35.045
Binary	11001101, 10010101, 00011111

#cd951f
```
#cd951f rgb(205,149,31)
```
#1f57cd
```
#1f57cd rgb(31,87,205)
```

Complementary Color

#cd3e1f
```
#cd3e1f rgb(205,62,31)
```
#cd951f
```
#cd951f rgb(205,149,31)
```
#aecd1f
```
#aecd1f rgb(174,205,31)
```

Analogous Color

#3e1fcd
```
#3e1fcd rgb(62,31,205)
```
#cd951f
```
#cd951f rgb(205,149,31)
```
#1faecd
```
#1faecd rgb(31,174,205)
```

Split Complementary Color

#951fcd
```
#951fcd rgb(149,31,205)
```
#cd951f
```
#cd951f rgb(205,149,31)
```
#1fcd95
```
#1fcd95 rgb(31,205,149)
```

Triadic Color

#cd1f57
```
#cd1f57 rgb(205,31,87)
```
#cd951f
```
#cd951f rgb(205,149,31)
```
#1fcd95
```
#1fcd95 rgb(31,205,149)
```
#1f57cd
```
#1f57cd rgb(31,87,205)
```

Tetradic Color

#8b6515
```
#8b6515 rgb(139,101,21)
```
#a17518
```
#a17518 rgb(161,117,24)
```
#b7851c
```
#b7851c rgb(183,133,28)
```
#cd951f
```
#cd951f rgb(205,149,31)
```
#dea327
```
#dea327 rgb(222,163,39)
```
#e2ad3d
```
#e2ad3d rgb(226,173,61)
```
#e5b653
```
#e5b653 rgb(229,182,83)
```

Monochromatic Color

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

#cd6a1f
```
#cd6a1f rgb(205,106,31)
```
#cd781f
```
#cd781f rgb(205,120,31)
```
#cd871f
```
#cd871f rgb(205,135,31)
```
#cd951f
```
#cd951f rgb(205,149,31)
```
#cda41f
```
#cda41f rgb(205,164,31)
```
#cdb21f
```
#cdb21f rgb(205,178,31)
```
#cdc11f
```
#cdc11f rgb(205,193,31)
```

Similar Colors

Text with hexadecimal color #cd951f

This text has a font color of #cd951f.

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

#cd951f background color

This paragraph has a background color of #cd951f.

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

#cd951f border color

This element has a border color of #cd951f.

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

CSS codes

.text {color:#cd951f;}

.background {background-color:#cd951f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120d03
```
#120d03 rgb(18,13,3)
```
#231905
```
#231905 rgb(35,25,5)
```
#342608
```
#342608 rgb(52,38,8)
```
#45320a
```
#45320a rgb(69,50,10)
```
#563e0d
```
#563e0d rgb(86,62,13)
```
#674b10
```
#674b10 rgb(103,75,16)
```
#785712
```
#785712 rgb(120,87,18)
```
#896315
```
#896315 rgb(137,99,21)
```
#9a7017
```
#9a7017 rgb(154,112,23)
```
#ab7c1a
```
#ab7c1a rgb(171,124,26)
```
#bc891c
```
#bc891c rgb(188,137,28)
```
#cd951f
```
#cd951f rgb(205,149,31)
```

Shade Color Variation

#dea122
```
#dea122 rgb(222,161,34)
```
#e0a833
```
#e0a833 rgb(224,168,51)
```
#e3b044
```
#e3b044 rgb(227,176,68)
```
#e5b755
```
#e5b755 rgb(229,183,85)
```
#e8be66
```
#e8be66 rgb(232,190,102)
```
#eac577
```
#eac577 rgb(234,197,119)
```
#edcd88
```
#edcd88 rgb(237,205,136)
```
#f0d499
```
#f0d499 rgb(240,212,153)
```
#f2dbaa
```
#f2dbaa rgb(242,219,170)
```
#f5e2bb
```
#f5e2bb rgb(245,226,187)
```
#f7eacc
```
#f7eacc rgb(247,234,204)
```
#faf1dd
```
#faf1dd rgb(250,241,221)
```
#fdf8ee
```
#fdf8ee rgb(253,248,238)
```

Tint Color Variation

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

#7b7871
```
#7b7871 rgb(123,120,113)
```
#847b68
```
#847b68 rgb(132,123,104)
```
#8d7e5f
```
#8d7e5f rgb(141,126,95)
```
#978255
```
#978255 rgb(151,130,85)
```
#a0854c
```
#a0854c rgb(160,133,76)
```
#a98843
```
#a98843 rgb(169,136,67)
```
#b28b3a
```
#b28b3a rgb(178,139,58)
```
#bb8f31
```
#bb8f31 rgb(187,143,49)
```
#c49228
```
#c49228 rgb(196,146,40)
```
#cd951f
```
#cd951f rgb(205,149,31)
```
#d69816
```
#d69816 rgb(214,152,22)
```
#df9b0d
```
#df9b0d rgb(223,155,13)
```
#e89f04
```
#e89f04 rgb(232,159,4)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a39780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a42d Protanopia 1% of men
#cc9c29 Deuteranopia 1% of men
#d6909a Tritanopia 0.001% of the population

Trichromacy

#bf9e28 Protanomaly 1% of men, 0.01% of women
#cc9925 Deuteranomaly 6% of men, 0.4% of women
#d3926d Tritanomaly 0.01% of the population

#cd951f hex color

#cd951f Color Information

#cd951f Color Conversion

Color Schemes with #cd951f

Alternatives to #cd951f

#cd951f Preview

Shades and Tints of #cd951f

Tones of #cd951f

Color Blindness Simulator