#d69450 hex color

In a RGB color space, hex #d69450 is composed of 83.9% red, 58% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 62.6% yellow and 16.1% black. It has a hue angle of 30.4 degrees, a saturation of 62% and a lightness of 57.6%. #d69450 color hex could be obtained by blending #ffffa0 with #ad2900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 84
- G 58
- B 31
RGB color chart
- C 0
- M 31
- Y 63
- K 16
CMYK color chart

● #d69450 color description : Moderate orange.

The hexadecimal color #d69450 has RGB values of R:214, G:148, B:80 and CMYK values of C:0, M:0.31, Y:0.63, K:0.16. Its decimal value is 14062672.

Hex triplet	d69450	`#d69450`
RGB Decimal	214, 148, 80	`rgb(214,148,80)`
RGB Percent	83.9, 58, 31.4	`rgb(83.9%,58%,31.4%)`
CMYK	0, 31, 63, 16
HSL	30.4°, 62, 57.6	`hsl(30.4,62%,57.6%)`
HSV (or HSB)	30.4°, 62.6, 83.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.564, 18.097, 45.267
XYZ	39.77, 36.058, 12.454
xyY	0.45, 0.408, 36.058
CIE-LCH	66.564, 48.751, 68.21
CIE-LUV	66.564, 51.551, 49.131
Hunter-Lab	60.048, 13.138, 29.737
Binary	11010110, 10010100, 01010000

#d69450
```
#d69450 rgb(214,148,80)
```
#5092d6
```
#5092d6 rgb(80,146,214)
```

Complementary Color

#d65150
```
#d65150 rgb(214,81,80)
```
#d69450
```
#d69450 rgb(214,148,80)
```
#d5d650
```
#d5d650 rgb(213,214,80)
```

Analogous Color

#5150d6
```
#5150d6 rgb(81,80,214)
```
#d69450
```
#d69450 rgb(214,148,80)
```
#50d5d6
```
#50d5d6 rgb(80,213,214)
```

Split Complementary Color

#9450d6
```
#9450d6 rgb(148,80,214)
```
#d69450
```
#d69450 rgb(214,148,80)
```
#50d694
```
#50d694 rgb(80,214,148)
```

Triadic Color

#d65092
```
#d65092 rgb(214,80,146)
```
#d69450
```
#d69450 rgb(214,148,80)
```
#50d694
```
#50d694 rgb(80,214,148)
```
#5092d6
```
#5092d6 rgb(80,146,214)
```

Tetradic Color

#b06e29
```
#b06e29 rgb(176,110,41)
```
#c57b2e
```
#c57b2e rgb(197,123,46)
```
#d1873b
```
#d1873b rgb(209,135,59)
```
#d69450
```
#d69450 rgb(214,148,80)
```
#dba165
```
#dba165 rgb(219,161,101)
```
#e0ad79
```
#e0ad79 rgb(224,173,121)
```
#e5ba8e
```
#e5ba8e rgb(229,186,142)
```

Monochromatic Color

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

#d67350
```
#d67350 rgb(214,115,80)
```
#d67e50
```
#d67e50 rgb(214,126,80)
```
#d68950
```
#d68950 rgb(214,137,80)
```
#d69450
```
#d69450 rgb(214,148,80)
```
#d69f50
```
#d69f50 rgb(214,159,80)
```
#d6aa50
```
#d6aa50 rgb(214,170,80)
```
#d6b650
```
#d6b650 rgb(214,182,80)
```

Similar Colors

Text with hexadecimal color #d69450

This text has a font color of #d69450.

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

#d69450 background color

This paragraph has a background color of #d69450.

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

#d69450 border color

This element has a border color of #d69450.

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

CSS codes

.text {color:#d69450;}

.background {background-color:#d69450;}

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

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, #100a04 is the darkest color, while #ffffff is the lightest one.

#100a04
```
#100a04 rgb(16,10,4)
```
#201407
```
#201407 rgb(32,20,7)
```
#2f1e0b
```
#2f1e0b rgb(47,30,11)
```
#3f270f
```
#3f270f rgb(63,39,15)
```
#4f3113
```
#4f3113 rgb(79,49,19)
```
#5f3b16
```
#5f3b16 rgb(95,59,22)
```
#6f451a
```
#6f451a rgb(111,69,26)
```
#7f4f1e
```
#7f4f1e rgb(127,79,30)
```
#8f5921
```
#8f5921 rgb(143,89,33)
```
#9f6325
```
#9f6325 rgb(159,99,37)
```
#af6d29
```
#af6d29 rgb(175,109,41)
```
#bf772d
```
#bf772d rgb(191,119,45)
```
#ce8130
```
#ce8130 rgb(206,129,48)
```

Shade Color Variation

#d28a40
```
#d28a40 rgb(210,138,64)
```
#d69450
```
#d69450 rgb(214,148,80)
```
#da9e60
```
#da9e60 rgb(218,158,96)
```
#dda770
```
#dda770 rgb(221,167,112)
```
#e1b180
```
#e1b180 rgb(225,177,128)
```
#e5bb90
```
#e5bb90 rgb(229,187,144)
```
#e9c59f
```
#e9c59f rgb(233,197,159)
```
#ecceaf
```
#ecceaf rgb(236,206,175)
```
#f0d8bf
```
#f0d8bf rgb(240,216,191)
```
#f4e2cf
```
#f4e2cf rgb(244,226,207)
```
#f8ebdf
```
#f8ebdf rgb(248,235,223)
```
#fbf5ef
```
#fbf5ef rgb(251,245,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#949392
```
#949392 rgb(148,147,146)
```
#9c938a
```
#9c938a rgb(156,147,138)
```
#a49382
```
#a49382 rgb(164,147,130)
```
#ac937a
```
#ac937a rgb(172,147,122)
```
#b59471
```
#b59471 rgb(181,148,113)
```
#bd9469
```
#bd9469 rgb(189,148,105)
```
#c59461
```
#c59461 rgb(197,148,97)
```
#ce9458
```
#ce9458 rgb(206,148,88)
```
#d69450
```
#d69450 rgb(214,148,80)
```
#de9448
```
#de9448 rgb(222,148,72)
```
#e7943f
```
#e7943f rgb(231,148,63)
```
#ef9437
```
#ef9437 rgb(239,148,55)
```
#f7942f
```
#f7942f rgb(247,148,47)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#ab9e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a65d Protanopia 1% of men
#cb9f57 Deuteranopia 1% of men
#dd919b Tritanopia 0.001% of the population

Trichromacy

#c29f58 Protanomaly 1% of men, 0.01% of women
#cf9b54 Deuteranomaly 6% of men, 0.4% of women
#da9280 Tritanomaly 0.01% of the population

#d69450 hex color

#d69450 Color Information

#d69450 Color Conversion

Color Schemes with #d69450

Alternatives to #d69450

#d69450 Preview

Shades and Tints of #d69450

Tones of #d69450

Color Blindness Simulator