#cd684f hex color

In a RGB color space, hex #cd684f is composed of 80.4% red, 40.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.3% magenta, 61.5% yellow and 19.6% black. It has a hue angle of 11.9 degrees, a saturation of 55.8% and a lightness of 55.7%. #cd684f color hex could be obtained by blending #ffd09e with #9b0000. Closest websafe color is: #cc6666.

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

● #cd684f color description : Moderate red.

The hexadecimal color #cd684f has RGB values of R:205, G:104, B:79 and CMYK values of C:0, M:0.49, Y:0.61, K:0.2. Its decimal value is 13461583.

Hex triplet	cd684f	`#cd684f`
RGB Decimal	205, 104, 79	`rgb(205,104,79)`
RGB Percent	80.4, 40.8, 31	`rgb(80.4%,40.8%,31%)`
CMYK	0, 49, 61, 20
HSL	11.9°, 55.8, 55.7	`hsl(11.9,55.8%,55.7%)`
HSV (or HSB)	11.9°, 61.5, 80.4
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.53, 37.84, 32.312
XYZ	31.539, 23.447, 10.262
xyY	0.483, 0.359, 23.447
CIE-LCH	55.53, 49.759, 40.494
CIE-LUV	55.53, 77.146, 29.847
Hunter-Lab	48.422, 31.526, 21.331
Binary	11001101, 01101000, 01001111

#cd684f
```
#cd684f rgb(205,104,79)
```
#4fb4cd
```
#4fb4cd rgb(79,180,205)
```

Complementary Color

#cd4f75
```
#cd4f75 rgb(205,79,117)
```
#cd684f
```
#cd684f rgb(205,104,79)
```
#cda74f
```
#cda74f rgb(205,167,79)
```

Analogous Color

#4f75cd
```
#4f75cd rgb(79,117,205)
```
#cd684f
```
#cd684f rgb(205,104,79)
```
#4fcda7
```
#4fcda7 rgb(79,205,167)
```

Split Complementary Color

#684fcd
```
#684fcd rgb(104,79,205)
```
#cd684f
```
#cd684f rgb(205,104,79)
```
#4fcd68
```
#4fcd68 rgb(79,205,104)
```

Triadic Color

#cd4fb4
```
#cd4fb4 rgb(205,79,180)
```
#cd684f
```
#cd684f rgb(205,104,79)
```
#4fcd68
```
#4fcd68 rgb(79,205,104)
```
#4fb4cd
```
#4fb4cd rgb(79,180,205)
```

Tetradic Color

#a2452e
```
#a2452e rgb(162,69,46)
```
#b54d34
```
#b54d34 rgb(181,77,52)
```
#c7573b
```
#c7573b rgb(199,87,59)
```
#cd684f
```
#cd684f rgb(205,104,79)
```
#d37963
```
#d37963 rgb(211,121,99)
```
#d88a77
```
#d88a77 rgb(216,138,119)
```
#de9b8b
```
#de9b8b rgb(222,155,139)
```

Monochromatic Color

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

#cd4f56
```
#cd4f56 rgb(205,79,86)
```
#cd534f
```
#cd534f rgb(205,83,79)
```
#cd5e4f
```
#cd5e4f rgb(205,94,79)
```
#cd684f
```
#cd684f rgb(205,104,79)
```
#cd734f
```
#cd734f rgb(205,115,79)
```
#cd7d4f
```
#cd7d4f rgb(205,125,79)
```
#cd884f
```
#cd884f rgb(205,136,79)
```

Similar Colors

Text with hexadecimal color #cd684f

This text has a font color of #cd684f.

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

#cd684f background color

This paragraph has a background color of #cd684f.

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

#cd684f border color

This element has a border color of #cd684f.

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

CSS codes

.text {color:#cd684f;}

.background {background-color:#cd684f;}

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

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

#070302
```
#070302 rgb(7,3,2)
```
#170a06
```
#170a06 rgb(23,10,6)
```
#26100b
```
#26100b rgb(38,16,11)
```
#35170f
```
#35170f rgb(53,23,15)
```
#441d13
```
#441d13 rgb(68,29,19)
```
#542418
```
#542418 rgb(84,36,24)
```
#632a1c
```
#632a1c rgb(99,42,28)
```
#723120
```
#723120 rgb(114,49,32)
```
#823725
```
#823725 rgb(130,55,37)
```
#913e29
```
#913e29 rgb(145,62,41)
```
#a0442d
```
#a0442d rgb(160,68,45)
```
#af4b32
```
#af4b32 rgb(175,75,50)
```
#bf5136
```
#bf5136 rgb(191,81,54)
```

Shade Color Variation

#c95b40
```
#c95b40 rgb(201,91,64)
```
#cd684f
```
#cd684f rgb(205,104,79)
```
#d1755e
```
#d1755e rgb(209,117,94)
```
#d6826e
```
#d6826e rgb(214,130,110)
```
#da8f7d
```
#da8f7d rgb(218,143,125)
```
#de9c8c
```
#de9c8c rgb(222,156,140)
```
#e3aa9b
```
#e3aa9b rgb(227,170,155)
```
#e7b7ab
```
#e7b7ab rgb(231,183,171)
```
#ebc4ba
```
#ebc4ba rgb(235,196,186)
```
#f0d1c9
```
#f0d1c9 rgb(240,209,201)
```
#f4ded8
```
#f4ded8 rgb(244,222,216)
```
#f8ebe8
```
#f8ebe8 rgb(248,235,232)
```
#fdf8f7
```
#fdf8f7 rgb(253,248,247)
```

Tint Color Variation

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

#908d8c
```
#908d8c rgb(144,141,140)
```
#998783
```
#998783 rgb(153,135,131)
```
#a2827a
```
#a2827a rgb(162,130,122)
```
#aa7d72
```
#aa7d72 rgb(170,125,114)
```
#b37869
```
#b37869 rgb(179,120,105)
```
#bc7260
```
#bc7260 rgb(188,114,96)
```
#c46d58
```
#c46d58 rgb(196,109,88)
```
#cd684f
```
#cd684f rgb(205,104,79)
```
#d66346
```
#d66346 rgb(214,99,70)
```
#de5e3e
```
#de5e3e rgb(222,94,62)
```
#e75835
```
#e75835 rgb(231,88,53)
```
#f0532c
```
#f0532c rgb(240,83,44)
```
#f84e24
```
#f84e24 rgb(248,78,36)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#927e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968b62 Protanopia 1% of men
#a88552 Deuteranopia 1% of men
#d16c73 Tritanopia 0.001% of the population

Trichromacy

#aa7e5b Protanomaly 1% of men, 0.01% of women
#b57a51 Deuteranomaly 6% of men, 0.4% of women
#cf6a65 Tritanomaly 0.01% of the population

#cd684f hex color

#cd684f Color Information

#cd684f Color Conversion

Color Schemes with #cd684f

Alternatives to #cd684f

#cd684f Preview

Shades and Tints of #cd684f

Tones of #cd684f

Color Blindness Simulator