#cd691f hex color

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

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

● #cd691f color description : Strong orange.

The hexadecimal color #cd691f has RGB values of R:205, G:105, B:31 and CMYK values of C:0, M:0.49, Y:0.85, K:0.2. Its decimal value is 13461791.

Hex triplet	cd691f	`#cd691f`
RGB Decimal	205, 105, 31	`rgb(205,105,31)`
RGB Percent	80.4, 41.2, 12.2	`rgb(80.4%,41.2%,12.2%)`
CMYK	0, 49, 85, 20
HSL	25.5°, 73.7, 46.3	`hsl(25.5,73.7%,46.3%)`
HSV (or HSB)	25.5°, 84.9, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.261, 35.066, 55.47
XYZ	30.477, 23.184, 4.166
xyY	0.527, 0.401, 23.184
CIE-LCH	55.261, 65.624, 57.701
CIE-LUV	55.261, 82.008, 47.178
Hunter-Lab	48.15, 28.721, 28.575
Binary	11001101, 01101001, 00011111

#cd691f
```
#cd691f rgb(205,105,31)
```
#1f83cd
```
#1f83cd rgb(31,131,205)
```

Complementary Color

#cd1f2c
```
#cd1f2c rgb(205,31,44)
```
#cd691f
```
#cd691f rgb(205,105,31)
```
#cdc01f
```
#cdc01f rgb(205,192,31)
```

Analogous Color

#1f2ccd
```
#1f2ccd rgb(31,44,205)
```
#cd691f
```
#cd691f rgb(205,105,31)
```
#1fcdc0
```
#1fcdc0 rgb(31,205,192)
```

Split Complementary Color

#691fcd
```
#691fcd rgb(105,31,205)
```
#cd691f
```
#cd691f rgb(205,105,31)
```
#1fcd69
```
#1fcd69 rgb(31,205,105)
```

Triadic Color

#cd1f83
```
#cd1f83 rgb(205,31,131)
```
#cd691f
```
#cd691f rgb(205,105,31)
```
#1fcd69
```
#1fcd69 rgb(31,205,105)
```
#1f83cd
```
#1f83cd rgb(31,131,205)
```

Tetradic Color

#8b4715
```
#8b4715 rgb(139,71,21)
```
#a15218
```
#a15218 rgb(161,82,24)
```
#b75e1c
```
#b75e1c rgb(183,94,28)
```
#cd691f
```
#cd691f rgb(205,105,31)
```
#de7527
```
#de7527 rgb(222,117,39)
```
#e2833d
```
#e2833d rgb(226,131,61)
```
#e59153
```
#e59153 rgb(229,145,83)
```

Monochromatic Color

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

#cd3d1f
```
#cd3d1f rgb(205,61,31)
```
#cd4c1f
```
#cd4c1f rgb(205,76,31)
```
#cd5a1f
```
#cd5a1f rgb(205,90,31)
```
#cd691f
```
#cd691f rgb(205,105,31)
```
#cd781f
```
#cd781f rgb(205,120,31)
```
#cd861f
```
#cd861f rgb(205,134,31)
```
#cd951f
```
#cd951f rgb(205,149,31)
```

Similar Colors

Text with hexadecimal color #cd691f

This text has a font color of #cd691f.

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

#cd691f background color

This paragraph has a background color of #cd691f.

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

#cd691f border color

This element has a border color of #cd691f.

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

CSS codes

.text {color:#cd691f;}

.background {background-color:#cd691f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120903
```
#120903 rgb(18,9,3)
```
#231205
```
#231205 rgb(35,18,5)
```
#341a08
```
#341a08 rgb(52,26,8)
```
#45230a
```
#45230a rgb(69,35,10)
```
#562c0d
```
#562c0d rgb(86,44,13)
```
#673510
```
#673510 rgb(103,53,16)
```
#783d12
```
#783d12 rgb(120,61,18)
```
#894615
```
#894615 rgb(137,70,21)
```
#9a4f17
```
#9a4f17 rgb(154,79,23)
```
#ab581a
```
#ab581a rgb(171,88,26)
```
#bc601c
```
#bc601c rgb(188,96,28)
```
#cd691f
```
#cd691f rgb(205,105,31)
```

Shade Color Variation

#de7222
```
#de7222 rgb(222,114,34)
```
#e07d33
```
#e07d33 rgb(224,125,51)
```
#e38844
```
#e38844 rgb(227,136,68)
```
#e59255
```
#e59255 rgb(229,146,85)
```
#e89d66
```
#e89d66 rgb(232,157,102)
```
#eaa877
```
#eaa877 rgb(234,168,119)
```
#edb388
```
#edb388 rgb(237,179,136)
```
#f0be99
```
#f0be99 rgb(240,190,153)
```
#f2c9aa
```
#f2c9aa rgb(242,201,170)
```
#f5d4bb
```
#f5d4bb rgb(245,212,187)
```
#f7dfcc
```
#f7dfcc rgb(247,223,204)
```
#faeadd
```
#faeadd rgb(250,234,221)
```
#fdf4ee
```
#fdf4ee rgb(253,244,238)
```

Tint Color Variation

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

#7b7571
```
#7b7571 rgb(123,117,113)
```
#847468
```
#847468 rgb(132,116,104)
```
#8d725f
```
#8d725f rgb(141,114,95)
```
#977155
```
#977155 rgb(151,113,85)
```
#a0704c
```
#a0704c rgb(160,112,76)
```
#a96e43
```
#a96e43 rgb(169,110,67)
```
#b26d3a
```
#b26d3a rgb(178,109,58)
```
#bb6c31
```
#bb6c31 rgb(187,108,49)
```
#c46a28
```
#c46a28 rgb(196,106,40)
```
#cd691f
```
#cd691f rgb(205,105,31)
```
#d66816
```
#d66816 rgb(214,104,22)
```
#df660d
```
#df660d rgb(223,102,13)
```
#e86504
```
#e86504 rgb(232,101,4)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8e7a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a31 Protanopia 1% of men
#ad8420 Deuteranopia 1% of men
#d26a70 Tritanopia 0.001% of the population

Trichromacy

#ac7e2a Protanomaly 1% of men, 0.01% of women
#b87a20 Deuteranomaly 6% of men, 0.4% of women
#d06953 Tritanomaly 0.01% of the population

#cd691f hex color

#cd691f Color Information

#cd691f Color Conversion

Color Schemes with #cd691f

Alternatives to #cd691f

#cd691f Preview

Shades and Tints of #cd691f

Tones of #cd691f

Color Blindness Simulator