#cd682f hex color

In a RGB color space, hex #cd682f is composed of 80.4% red, 40.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.3% magenta, 77.1% yellow and 19.6% black. It has a hue angle of 21.6 degrees, a saturation of 62.7% and a lightness of 49.4%. #cd682f color hex could be obtained by blending #ffd05e with #9b0000. Closest websafe color is: #cc6633.

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

● #cd682f color description : Strong orange.

The hexadecimal color #cd682f has RGB values of R:205, G:104, B:47 and CMYK values of C:0, M:0.49, Y:0.77, K:0.2. Its decimal value is 13461551.

Hex triplet	cd682f	`#cd682f`
RGB Decimal	205, 104, 47	`rgb(205,104,47)`
RGB Percent	80.4, 40.8, 18.4	`rgb(80.4%,40.8%,18.4%)`
CMYK	0, 49, 77, 20
HSL	21.6°, 62.7, 49.4	`hsl(21.6,62.7%,49.4%)`
HSV (or HSB)	21.6°, 77.1, 80.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.163, 36.106, 48.619
XYZ	30.641, 23.088, 5.532
xyY	0.517, 0.39, 23.088
CIE-LCH	55.163, 60.56, 53.402
CIE-LUV	55.163, 81.458, 42.774
Hunter-Lab	48.05, 29.742, 26.809
Binary	11001101, 01101000, 00101111

#cd682f
```
#cd682f rgb(205,104,47)
```
#2f94cd
```
#2f94cd rgb(47,148,205)
```

Complementary Color

#cd2f45
```
#cd2f45 rgb(205,47,69)
```
#cd682f
```
#cd682f rgb(205,104,47)
```
#cdb72f
```
#cdb72f rgb(205,183,47)
```

Analogous Color

#2f45cd
```
#2f45cd rgb(47,69,205)
```
#cd682f
```
#cd682f rgb(205,104,47)
```
#2fcdb7
```
#2fcdb7 rgb(47,205,183)
```

Split Complementary Color

#682fcd
```
#682fcd rgb(104,47,205)
```
#cd682f
```
#cd682f rgb(205,104,47)
```
#2fcd68
```
#2fcd68 rgb(47,205,104)
```

Triadic Color

#cd2f94
```
#cd2f94 rgb(205,47,148)
```
#cd682f
```
#cd682f rgb(205,104,47)
```
#2fcd68
```
#2fcd68 rgb(47,205,104)
```
#2f94cd
```
#2f94cd rgb(47,148,205)
```

Tetradic Color

#8f4821
```
#8f4821 rgb(143,72,33)
```
#a45325
```
#a45325 rgb(164,83,37)
```
#b85d2a
```
#b85d2a rgb(184,93,42)
```
#cd682f
```
#cd682f rgb(205,104,47)
```
#d47642
```
#d47642 rgb(212,118,66)
```
#d88557
```
#d88557 rgb(216,133,87)
```
#dd946b
```
#dd946b rgb(221,148,107)
```

Monochromatic Color

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

#cd412f
```
#cd412f rgb(205,65,47)
```
#cd4e2f
```
#cd4e2f rgb(205,78,47)
```
#cd5b2f
```
#cd5b2f rgb(205,91,47)
```
#cd682f
```
#cd682f rgb(205,104,47)
```
#cd752f
```
#cd752f rgb(205,117,47)
```
#cd822f
```
#cd822f rgb(205,130,47)
```
#cd902f
```
#cd902f rgb(205,144,47)
```

Similar Colors

Text with hexadecimal color #cd682f

This text has a font color of #cd682f.

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

#cd682f background color

This paragraph has a background color of #cd682f.

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

#cd682f border color

This element has a border color of #cd682f.

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

CSS codes

.text {color:#cd682f;}

.background {background-color:#cd682f;}

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

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, #0e0703 is the darkest color, while #fefdfd is the lightest one.

#0e0703
```
#0e0703 rgb(14,7,3)
```
#1d0f07
```
#1d0f07 rgb(29,15,7)
```
#2d170a
```
#2d170a rgb(45,23,10)
```
#3d1f0e
```
#3d1f0e rgb(61,31,14)
```
#4d2712
```
#4d2712 rgb(77,39,18)
```
#5d2f15
```
#5d2f15 rgb(93,47,21)
```
#6d3719
```
#6d3719 rgb(109,55,25)
```
#7d401d
```
#7d401d rgb(125,64,29)
```
#8d4820
```
#8d4820 rgb(141,72,32)
```
#9d5024
```
#9d5024 rgb(157,80,36)
```
#ad5828
```
#ad5828 rgb(173,88,40)
```
#bd602b
```
#bd602b rgb(189,96,43)
```
#cd682f
```
#cd682f rgb(205,104,47)
```

Shade Color Variation

#d3733d
```
#d3733d rgb(211,115,61)
```
#d67f4d
```
#d67f4d rgb(214,127,77)
```
#da8a5d
```
#da8a5d rgb(218,138,93)
```
#de966d
```
#de966d rgb(222,150,109)
```
#e1a17d
```
#e1a17d rgb(225,161,125)
```
#e5ad8d
```
#e5ad8d rgb(229,173,141)
```
#e8b89d
```
#e8b89d rgb(232,184,157)
```
#ecc4ad
```
#ecc4ad rgb(236,196,173)
```
#f0cfbd
```
#f0cfbd rgb(240,207,189)
```
#f3dbcd
```
#f3dbcd rgb(243,219,205)
```
#f7e6dd
```
#f7e6dd rgb(247,230,221)
```
#fbf2ed
```
#fbf2ed rgb(251,242,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#7f7e7d
```
#7f7e7d rgb(127,126,125)
```
#897b73
```
#897b73 rgb(137,123,115)
```
#937869
```
#937869 rgb(147,120,105)
```
#9d755f
```
#9d755f rgb(157,117,95)
```
#a67356
```
#a67356 rgb(166,115,86)
```
#b0704c
```
#b0704c rgb(176,112,76)
```
#ba6d42
```
#ba6d42 rgb(186,109,66)
```
#c36b39
```
#c36b39 rgb(195,107,57)
```
#cd682f
```
#cd682f rgb(205,104,47)
```
#d76525
```
#d76525 rgb(215,101,37)
```
#e0631c
```
#e0631c rgb(224,99,28)
```
#ea6012
```
#ea6012 rgb(234,96,18)
```
#f45d08
```
#f45d08 rgb(244,93,8)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8f7b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a41 Protanopia 1% of men
#ab8432 Deuteranopia 1% of men
#d26970 Tritanopia 0.001% of the population

Trichromacy

#ac7e3a Protanomaly 1% of men, 0.01% of women
#b77931 Deuteranomaly 6% of men, 0.4% of women
#d06958 Tritanomaly 0.01% of the population

#cd682f hex color

#cd682f Color Information

#cd682f Color Conversion

Color Schemes with #cd682f

Alternatives to #cd682f

#cd682f Preview

Shades and Tints of #cd682f

Tones of #cd682f

Color Blindness Simulator