colorhexa.com

#d69f55 hex color

In a RGB color space, hex #d69f55 is composed of 83.9% red, 62.4% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.7% magenta, 60.3% yellow and 16.1% black. It has a hue angle of 34.4 degrees, a saturation of 61.1% and a lightness of 58.6%. #d69f55 color hex could be obtained by blending #ffffaa with #ad3f00. Closest websafe color is: #cc9966.

- R 84
- G 62
- B 33
RGB color chart
- C 0
- M 26
- Y 60
- K 16
CMYK color chart

● #d69f55 color description : Moderate orange.

The hexadecimal color #d69f55 has RGB values of R:214, G:159, B:85 and CMYK values of C:0, M:0.26, Y:0.6, K:0.16. Its decimal value is 14065493.

Hex triplet	d69f55	`#d69f55`
RGB Decimal	214, 159, 85	`rgb(214,159,85)`
RGB Percent	83.9, 62.4, 33.3	`rgb(83.9%,62.4%,33.3%)`
CMYK	0, 26, 60, 16
HSL	34.4°, 61.1, 58.6	`hsl(34.4,61.1%,58.6%)`
HSV (or HSB)	34.4°, 60.3, 83.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.291, 12.506, 45.949
XYZ	41.77, 39.75, 14.066
xyY	0.437, 0.416, 39.75
CIE-LCH	69.291, 47.621, 74.775
CIE-LUV	69.291, 43.043, 51.883
Hunter-Lab	63.048, 7.924, 30.906
Binary	11010110, 10011111, 01010101

#d69f55
```
#d69f55 rgb(214,159,85)
```
#558cd6
```
#558cd6 rgb(85,140,214)
```

Complementary Color

#d65f55
```
#d65f55 rgb(214,95,85)
```
#d69f55
```
#d69f55 rgb(214,159,85)
```
#cdd655
```
#cdd655 rgb(205,214,85)
```

Analogous Color

#5f55d6
```
#5f55d6 rgb(95,85,214)
```
#d69f55
```
#d69f55 rgb(214,159,85)
```
#55cdd6
```
#55cdd6 rgb(85,205,214)
```

Split Complementary Color

#9f55d6
```
#9f55d6 rgb(159,85,214)
```
#d69f55
```
#d69f55 rgb(214,159,85)
```
#55d69f
```
#55d69f rgb(85,214,159)
```

Triadic Color

#d6558c
```
#d6558c rgb(214,85,140)
```
#d69f55
```
#d69f55 rgb(214,159,85)
```
#55d69f
```
#55d69f rgb(85,214,159)
```
#558cd6
```
#558cd6 rgb(85,140,214)
```

Tetradic Color

#b3792b
```
#b3792b rgb(179,121,43)
```
#c88730
```
#c88730 rgb(200,135,48)
```
#d19340
```
#d19340 rgb(209,147,64)
```
#d69f55
```
#d69f55 rgb(214,159,85)
```
#dbab6a
```
#dbab6a rgb(219,171,106)
```
#e0b67e
```
#e0b67e rgb(224,182,126)
```
#e5c293
```
#e5c293 rgb(229,194,147)
```

Monochromatic Color

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

#d67f55
```
#d67f55 rgb(214,127,85)
```
#d68a55
```
#d68a55 rgb(214,138,85)
```
#d69455
```
#d69455 rgb(214,148,85)
```
#d69f55
```
#d69f55 rgb(214,159,85)
```
#d6aa55
```
#d6aa55 rgb(214,170,85)
```
#d6b555
```
#d6b555 rgb(214,181,85)
```
#d6bf55
```
#d6bf55 rgb(214,191,85)
```

Similar Colors

Text with hexadecimal color #d69f55

This text has a font color of #d69f55.

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

#d69f55 background color

This paragraph has a background color of #d69f55.

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

#d69f55 border color

This element has a border color of #d69f55.

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

CSS codes

.text {color:#d69f55;}

.background {background-color:#d69f55;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#140d05
```
#140d05 rgb(20,13,5)
```
#231809
```
#231809 rgb(35,24,9)
```
#33230c
```
#33230c rgb(51,35,12)
```
#432d10
```
#432d10 rgb(67,45,16)
```
#533814
```
#533814 rgb(83,56,20)
```
#634318
```
#634318 rgb(99,67,24)
```
#724d1c
```
#724d1c rgb(114,77,28)
```
#82581f
```
#82581f rgb(130,88,31)
```
#926323
```
#926323 rgb(146,99,35)
```
#a26e27
```
#a26e27 rgb(162,110,39)
```
#b2782b
```
#b2782b rgb(178,120,43)
```
#c1832f
```
#c1832f rgb(193,131,47)
```

Shade Color Variation

#ce8d35
```
#ce8d35 rgb(206,141,53)
```
#d29645
```
#d29645 rgb(210,150,69)
```
#d69f55
```
#d69f55 rgb(214,159,85)
```
#daa865
```
#daa865 rgb(218,168,101)
```
#deb175
```
#deb175 rgb(222,177,117)
```
#e1ba84
```
#e1ba84 rgb(225,186,132)
```
#e5c394
```
#e5c394 rgb(229,195,148)
```
#e9cca4
```
#e9cca4 rgb(233,204,164)
```
#edd5b4
```
#edd5b4 rgb(237,213,180)
```
#f1ddc4
```
#f1ddc4 rgb(241,221,196)
```
#f4e6d3
```
#f4e6d3 rgb(244,230,211)
```
#f8efe3
```
#f8efe3 rgb(248,239,227)
```
#fcf8f3
```
#fcf8f3 rgb(252,248,243)
```

Tint Color Variation

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

#9d978e
```
#9d978e rgb(157,151,142)
```
#a59886
```
#a59886 rgb(165,152,134)
```
#ad997e
```
#ad997e rgb(173,153,126)
```
#b69a75
```
#b69a75 rgb(182,154,117)
```
#be9b6d
```
#be9b6d rgb(190,155,109)
```
#c69d65
```
#c69d65 rgb(198,157,101)
```
#ce9e5d
```
#ce9e5d rgb(206,158,93)
```
#d69f55
```
#d69f55 rgb(214,159,85)
```
#dea04d
```
#dea04d rgb(222,160,77)
```
#e6a145
```
#e6a145 rgb(230,161,69)
```
#eea33d
```
#eea33d rgb(238,163,61)
```
#f6a435
```
#f6a435 rgb(246,164,53)
```
#ffa52c
```
#ffa52c rgb(255,165,44)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b0a597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bead60 Protanopia 1% of men
#d3a55d Deuteranopia 1% of men
#de9ba6 Tritanopia 0.001% of the population

Trichromacy

#c7a85c Protanomaly 1% of men, 0.01% of women
#d4a35a Deuteranomaly 6% of men, 0.4% of women
#db9c88 Tritanomaly 0.01% of the population