#d46f30 hex color

In a RGB color space, hex #d46f30 is composed of 83.1% red, 43.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 77.4% yellow and 16.9% black. It has a hue angle of 23 degrees, a saturation of 65.6% and a lightness of 51%. #d46f30 color hex could be obtained by blending #ffde60 with #a90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 83
- G 44
- B 19
RGB color chart
- C 0
- M 48
- Y 77
- K 17
CMYK color chart

● #d46f30 color description : Strong orange.

The hexadecimal color #d46f30 has RGB values of R:212, G:111, B:48 and CMYK values of C:0, M:0.48, Y:0.77, K:0.17. Its decimal value is 13922096.

Hex triplet	d46f30	`#d46f30`
RGB Decimal	212, 111, 48	`rgb(212,111,48)`
RGB Percent	83.1, 43.5, 18.8	`rgb(83.1%,43.5%,18.8%)`
CMYK	0, 48, 77, 17
HSL	23°, 65.6, 51	`hsl(23,65.6%,51%)`
HSV (or HSB)	23°, 77.4, 83.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.638, 35.325, 50.954
XYZ	33.37, 25.582, 5.977
xyY	0.514, 0.394, 25.582
CIE-LCH	57.638, 62.001, 55.268
CIE-LUV	57.638, 81.666, 45.64
Hunter-Lab	50.579, 29.256, 28.399
Binary	11010100, 01101111, 00110000

#d46f30
```
#d46f30 rgb(212,111,48)
```
#3095d4
```
#3095d4 rgb(48,149,212)
```

Complementary Color

#d43043
```
#d43043 rgb(212,48,67)
```
#d46f30
```
#d46f30 rgb(212,111,48)
```
#d4c130
```
#d4c130 rgb(212,193,48)
```

Analogous Color

#3043d4
```
#3043d4 rgb(48,67,212)
```
#d46f30
```
#d46f30 rgb(212,111,48)
```
#30d4c1
```
#30d4c1 rgb(48,212,193)
```

Split Complementary Color

#6f30d4
```
#6f30d4 rgb(111,48,212)
```
#d46f30
```
#d46f30 rgb(212,111,48)
```
#30d46f
```
#30d46f rgb(48,212,111)
```

Triadic Color

#d43095
```
#d43095 rgb(212,48,149)
```
#d46f30
```
#d46f30 rgb(212,111,48)
```
#30d46f
```
#30d46f rgb(48,212,111)
```
#3095d4
```
#3095d4 rgb(48,149,212)
```

Tetradic Color

#984e20
```
#984e20 rgb(152,78,32)
```
#ad5924
```
#ad5924 rgb(173,89,36)
```
#c26328
```
#c26328 rgb(194,99,40)
```
#d46f30
```
#d46f30 rgb(212,111,48)
```
#d87e45
```
#d87e45 rgb(216,126,69)
```
#dd8c5a
```
#dd8c5a rgb(221,140,90)
```
#e19b6f
```
#e19b6f rgb(225,155,111)
```

Monochromatic Color

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

#d44630
```
#d44630 rgb(212,70,48)
```
#d45430
```
#d45430 rgb(212,84,48)
```
#d46130
```
#d46130 rgb(212,97,48)
```
#d46f30
```
#d46f30 rgb(212,111,48)
```
#d47d30
```
#d47d30 rgb(212,125,48)
```
#d48a30
```
#d48a30 rgb(212,138,48)
```
#d49830
```
#d49830 rgb(212,152,48)
```

Similar Colors

Text with hexadecimal color #d46f30

This text has a font color of #d46f30.

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

#d46f30 background color

This paragraph has a background color of #d46f30.

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

#d46f30 border color

This element has a border color of #d46f30.

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

CSS codes

.text {color:#d46f30;}

.background {background-color:#d46f30;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140a04
```
#140a04 rgb(20,10,4)
```
#251308
```
#251308 rgb(37,19,8)
```
#351b0b
```
#351b0b rgb(53,27,11)
```
#45230e
```
#45230e rgb(69,35,14)
```
#552c12
```
#552c12 rgb(85,44,18)
```
#663415
```
#663415 rgb(102,52,21)
```
#763c18
```
#763c18 rgb(118,60,24)
```
#86451c
```
#86451c rgb(134,69,28)
```
#964d1f
```
#964d1f rgb(150,77,31)
```
#a75523
```
#a75523 rgb(167,85,35)
```
#b75e26
```
#b75e26 rgb(183,94,38)
```
#c76629
```
#c76629 rgb(199,102,41)
```

Shade Color Variation

#d46f30
```
#d46f30 rgb(212,111,48)
```
#d77a40
```
#d77a40 rgb(215,122,64)
```
#db8650
```
#db8650 rgb(219,134,80)
```
#de9161
```
#de9161 rgb(222,145,97)
```
#e19c71
```
#e19c71 rgb(225,156,113)
```
#e5a781
```
#e5a781 rgb(229,167,129)
```
#e8b391
```
#e8b391 rgb(232,179,145)
```
#ecbea2
```
#ecbea2 rgb(236,190,162)
```
#efc9b2
```
#efc9b2 rgb(239,201,178)
```
#f2d5c2
```
#f2d5c2 rgb(242,213,194)
```
#f6e0d2
```
#f6e0d2 rgb(246,224,210)
```
#f9ebe3
```
#f9ebe3 rgb(249,235,227)
```
#fcf7f3
```
#fcf7f3 rgb(252,247,243)
```

Tint Color Variation

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

#87817d
```
#87817d rgb(135,129,125)
```
#917f73
```
#917f73 rgb(145,127,115)
```
#9a7c6a
```
#9a7c6a rgb(154,124,106)
```
#a47a60
```
#a47a60 rgb(164,122,96)
```
#ae7856
```
#ae7856 rgb(174,120,86)
```
#b7764d
```
#b7764d rgb(183,118,77)
```
#c17343
```
#c17343 rgb(193,115,67)
```
#ca713a
```
#ca713a rgb(202,113,58)
```
#d46f30
```
#d46f30 rgb(212,111,48)
```
#de6d26
```
#de6d26 rgb(222,109,38)
```
#e76b1d
```
#e76b1d rgb(231,107,29)
```
#f16813
```
#f16813 rgb(241,104,19)
```
#fa660a
```
#fa660a rgb(250,102,10)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#968175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09042 Protanopia 1% of men
#b38933 Deuteranopia 1% of men
#d97077 Tritanopia 0.001% of the population

Trichromacy

#b2843b Protanomaly 1% of men, 0.01% of women
#bf8032 Deuteranomaly 6% of men, 0.4% of women
#d76f5d Tritanomaly 0.01% of the population

#d46f30 hex color

#d46f30 Color Information

#d46f30 Color Conversion

Color Schemes with #d46f30

Alternatives to #d46f30

#d46f30 Preview

Shades and Tints of #d46f30

Tones of #d46f30

Color Blindness Simulator