#dd977f hex color

In a RGB color space, hex #dd977f is composed of 86.7% red, 59.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 42.5% yellow and 13.3% black. It has a hue angle of 15.3 degrees, a saturation of 58% and a lightness of 68.2%. #dd977f color hex could be obtained by blending #fffffe with #bb2f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 87
- G 59
- B 50
RGB color chart
- C 0
- M 32
- Y 43
- K 13
CMYK color chart

● #dd977f color description : Very soft orange.

The hexadecimal color #dd977f has RGB values of R:221, G:151, B:127 and CMYK values of C:0, M:0.32, Y:0.43, K:0.13. Its decimal value is 14522239.

Hex triplet	dd977f	`#dd977f`
RGB Decimal	221, 151, 127	`rgb(221,151,127)`
RGB Percent	86.7, 59.2, 49.8	`rgb(86.7%,59.2%,49.8%)`
CMYK	0, 32, 43, 13
HSL	15.3°, 58, 68.2	`hsl(15.3,58%,68.2%)`
HSV (or HSB)	15.3°, 42.5, 86.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.78, 23.445, 23.285
XYZ	44.716, 39.04, 25.258
xyY	0.41, 0.358, 39.04
CIE-LCH	68.78, 33.044, 44.804
CIE-LUV	68.78, 49.606, 26.178
Hunter-Lab	62.482, 18.403, 19.77
Binary	11011101, 10010111, 01111111

#dd977f
```
#dd977f rgb(221,151,127)
```
#7fc5dd
```
#7fc5dd rgb(127,197,221)
```

Complementary Color

#dd7f96
```
#dd7f96 rgb(221,127,150)
```
#dd977f
```
#dd977f rgb(221,151,127)
```
#ddc67f
```
#ddc67f rgb(221,198,127)
```

Analogous Color

#7f96dd
```
#7f96dd rgb(127,150,221)
```
#dd977f
```
#dd977f rgb(221,151,127)
```
#7fddc6
```
#7fddc6 rgb(127,221,198)
```

Split Complementary Color

#977fdd
```
#977fdd rgb(151,127,221)
```
#dd977f
```
#dd977f rgb(221,151,127)
```
#7fdd97
```
#7fdd97 rgb(127,221,151)
```

Triadic Color

#dd7fc5
```
#dd7fc5 rgb(221,127,197)
```
#dd977f
```
#dd977f rgb(221,151,127)
```
#7fdd97
```
#7fdd97 rgb(127,221,151)
```
#7fc5dd
```
#7fc5dd rgb(127,197,221)
```

Tetradic Color

#cd6643
```
#cd6643 rgb(205,102,67)
```
#d27657
```
#d27657 rgb(210,118,87)
```
#d8876b
```
#d8876b rgb(216,135,107)
```
#dd977f
```
#dd977f rgb(221,151,127)
```
#e2a793
```
#e2a793 rgb(226,167,147)
```
#e8b8a7
```
#e8b8a7 rgb(232,184,167)
```
#edc8bb
```
#edc8bb rgb(237,200,187)
```

Monochromatic Color

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

#dd807f
```
#dd807f rgb(221,128,127)
```
#dd877f
```
#dd877f rgb(221,135,127)
```
#dd8f7f
```
#dd8f7f rgb(221,143,127)
```
#dd977f
```
#dd977f rgb(221,151,127)
```
#dd9f7f
```
#dd9f7f rgb(221,159,127)
```
#dda77f
```
#dda77f rgb(221,167,127)
```
#ddaf7f
```
#ddaf7f rgb(221,175,127)
```

Similar Colors

Text with hexadecimal color #dd977f

This text has a font color of #dd977f.

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

#dd977f background color

This paragraph has a background color of #dd977f.

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

#dd977f border color

This element has a border color of #dd977f.

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

CSS codes

.text {color:#dd977f;}

.background {background-color:#dd977f;}

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

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

#0b0503
```
#0b0503 rgb(11,5,3)
```
#1b0c07
```
#1b0c07 rgb(27,12,7)
```
#2a130b
```
#2a130b rgb(42,19,11)
```
#3a1a0f
```
#3a1a0f rgb(58,26,15)
```
#492114
```
#492114 rgb(73,33,20)
```
#592818
```
#592818 rgb(89,40,24)
```
#682f1c
```
#682f1c rgb(104,47,28)
```
#783620
```
#783620 rgb(120,54,32)
```
#873d24
```
#873d24 rgb(135,61,36)
```
#974428
```
#974428 rgb(151,68,40)
```
#a64b2c
```
#a64b2c rgb(166,75,44)
```
#b65230
```
#b65230 rgb(182,82,48)
```
#c55934
```
#c55934 rgb(197,89,52)
```

Shade Color Variation

#cd6541
```
#cd6541 rgb(205,101,65)
```
#d17151
```
#d17151 rgb(209,113,81)
```
#d57e60
```
#d57e60 rgb(213,126,96)
```
#d98a70
```
#d98a70 rgb(217,138,112)
```
#dd977f
```
#dd977f rgb(221,151,127)
```
#e1a48e
```
#e1a48e rgb(225,164,142)
```
#e5b09e
```
#e5b09e rgb(229,176,158)
```
#e9bdad
```
#e9bdad rgb(233,189,173)
```
#edc9bd
```
#edc9bd rgb(237,201,189)
```
#f2d6cc
```
#f2d6cc rgb(242,214,204)
```
#f6e3dc
```
#f6e3dc rgb(246,227,220)
```
#faefeb
```
#faefeb rgb(250,239,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#b1acab
```
#b1acab rgb(177,172,171)
```
#b8a9a4
```
#b8a9a4 rgb(184,169,164)
```
#bea69e
```
#bea69e rgb(190,166,158)
```
#c4a398
```
#c4a398 rgb(196,163,152)
```
#caa092
```
#caa092 rgb(202,160,146)
```
#d19d8b
```
#d19d8b rgb(209,157,139)
```
#d79a85
```
#d79a85 rgb(215,154,133)
```
#dd977f
```
#dd977f rgb(221,151,127)
```
#e39479
```
#e39479 rgb(227,148,121)
```
#e99173
```
#e99173 rgb(233,145,115)
```
#f08e6c
```
#f08e6c rgb(240,142,108)
```
#f68b66
```
#f68b66 rgb(246,139,102)
```
#fc8860
```
#fc8860 rgb(252,136,96)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b3a5a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6ab8c Protanopia 1% of men
#caa583 Deuteranopia 1% of men
#e198a2 Tritanopia 0.001% of the population

Trichromacy

#c4a487 Protanomaly 1% of men, 0.01% of women
#d0a081 Deuteranomaly 6% of men, 0.4% of women
#df9795 Tritanomaly 0.01% of the population

#dd977f hex color

#dd977f Color Information

#dd977f Color Conversion

Color Schemes with #dd977f

Alternatives to #dd977f

#dd977f Preview

Shades and Tints of #dd977f

Tones of #dd977f

Color Blindness Simulator