#dc6f30 hex color

In a RGB color space, hex #dc6f30 is composed of 86.3% red, 43.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 78.2% yellow and 13.7% black. It has a hue angle of 22 degrees, a saturation of 71.1% and a lightness of 52.5%. #dc6f30 color hex could be obtained by blending #ffde60 with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 44
- B 19
RGB color chart
- C 0
- M 50
- Y 78
- K 14
CMYK color chart

● #dc6f30 color description : Bright orange.

The hexadecimal color #dc6f30 has RGB values of R:220, G:111, B:48 and CMYK values of C:0, M:0.5, Y:0.78, K:0.14. Its decimal value is 14446384.

Hex triplet	dc6f30	`#dc6f30`
RGB Decimal	220, 111, 48	`rgb(220,111,48)`
RGB Percent	86.3, 43.5, 18.8	`rgb(86.3%,43.5%,18.8%)`
CMYK	0, 50, 78, 14
HSL	22°, 71.1, 52.5	`hsl(22,71.1%,52.5%)`
HSV (or HSB)	22°, 78.2, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.79, 38.501, 52.472
XYZ	35.734, 26.801, 6.088
xyY	0.521, 0.391, 26.801
CIE-LCH	58.79, 65.082, 53.731
CIE-LUV	58.79, 88.357, 46.328
Hunter-Lab	51.77, 32.613, 29.267
Binary	11011100, 01101111, 00110000

#dc6f30
```
#dc6f30 rgb(220,111,48)
```
#309ddc
```
#309ddc rgb(48,157,220)
```

Complementary Color

#dc3047
```
#dc3047 rgb(220,48,71)
```
#dc6f30
```
#dc6f30 rgb(220,111,48)
```
#dcc530
```
#dcc530 rgb(220,197,48)
```

Analogous Color

#3047dc
```
#3047dc rgb(48,71,220)
```
#dc6f30
```
#dc6f30 rgb(220,111,48)
```
#30dcc5
```
#30dcc5 rgb(48,220,197)
```

Split Complementary Color

#6f30dc
```
#6f30dc rgb(111,48,220)
```
#dc6f30
```
#dc6f30 rgb(220,111,48)
```
#30dc6f
```
#30dc6f rgb(48,220,111)
```

Triadic Color

#dc309d
```
#dc309d rgb(220,48,157)
```
#dc6f30
```
#dc6f30 rgb(220,111,48)
```
#30dc6f
```
#30dc6f rgb(48,220,111)
```
#309ddc
```
#309ddc rgb(48,157,220)
```

Tetradic Color

#a44e1c
```
#a44e1c rgb(164,78,28)
```
#ba581f
```
#ba581f rgb(186,88,31)
```
#cf6223
```
#cf6223 rgb(207,98,35)
```
#dc6f30
```
#dc6f30 rgb(220,111,48)
```
#e07e46
```
#e07e46 rgb(224,126,70)
```
#e38d5c
```
#e38d5c rgb(227,141,92)
```
#e79d71
```
#e79d71 rgb(231,157,113)
```

Monochromatic Color

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

#dc4430
```
#dc4430 rgb(220,68,48)
```
#dc5230
```
#dc5230 rgb(220,82,48)
```
#dc6130
```
#dc6130 rgb(220,97,48)
```
#dc6f30
```
#dc6f30 rgb(220,111,48)
```
#dc7d30
```
#dc7d30 rgb(220,125,48)
```
#dc8c30
```
#dc8c30 rgb(220,140,48)
```
#dc9a30
```
#dc9a30 rgb(220,154,48)
```

Similar Colors

Text with hexadecimal color #dc6f30

This text has a font color of #dc6f30.

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

#dc6f30 background color

This paragraph has a background color of #dc6f30.

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

#dc6f30 border color

This element has a border color of #dc6f30.

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

CSS codes

.text {color:#dc6f30;}

.background {background-color:#dc6f30;}

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

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

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1c0d05
```
#1c0d05 rgb(28,13,5)
```
#2d1508
```
#2d1508 rgb(45,21,8)
```
#3d1d0a
```
#3d1d0a rgb(61,29,10)
```
#4e250d
```
#4e250d rgb(78,37,13)
```
#5f2d10
```
#5f2d10 rgb(95,45,16)
```
#703513
```
#703513 rgb(112,53,19)
```
#813d16
```
#813d16 rgb(129,61,22)
```
#914519
```
#914519 rgb(145,69,25)
```
#a24d1b
```
#a24d1b rgb(162,77,27)
```
#b3551e
```
#b3551e rgb(179,85,30)
```
#c45d21
```
#c45d21 rgb(196,93,33)
```
#d46524
```
#d46524 rgb(212,101,36)
```

Shade Color Variation

#dc6f30
```
#dc6f30 rgb(220,111,48)
```
#df7b41
```
#df7b41 rgb(223,123,65)
```
#e28652
```
#e28652 rgb(226,134,82)
```
#e59262
```
#e59262 rgb(229,146,98)
```
#e79e73
```
#e79e73 rgb(231,158,115)
```
#eaa984
```
#eaa984 rgb(234,169,132)
```
#edb595
```
#edb595 rgb(237,181,149)
```
#f0c1a5
```
#f0c1a5 rgb(240,193,165)
```
#f3ccb6
```
#f3ccb6 rgb(243,204,182)
```
#f6d8c7
```
#f6d8c7 rgb(246,216,199)
```
#f8e4d8
```
#f8e4d8 rgb(248,228,216)
```
#fbefe9
```
#fbefe9 rgb(251,239,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#888584
```
#888584 rgb(136,133,132)
```
#92837a
```
#92837a rgb(146,131,122)
```
#9b8071
```
#9b8071 rgb(155,128,113)
```
#a47e68
```
#a47e68 rgb(164,126,104)
```
#ad7b5f
```
#ad7b5f rgb(173,123,95)
```
#b77955
```
#b77955 rgb(183,121,85)
```
#c0764c
```
#c0764c rgb(192,118,76)
```
#c97443
```
#c97443 rgb(201,116,67)
```
#d37139
```
#d37139 rgb(211,113,57)
```
#dc6f30
```
#dc6f30 rgb(220,111,48)
```
#e56d27
```
#e56d27 rgb(229,109,39)
```
#ef6a1d
```
#ef6a1d rgb(239,106,29)
```
#f86814
```
#f86814 rgb(248,104,20)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#998376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39342 Protanopia 1% of men
#b68c32 Deuteranopia 1% of men
#e07077 Tritanopia 0.001% of the population

Trichromacy

#b7863b Protanomaly 1% of men, 0.01% of women
#c48131 Deuteranomaly 6% of men, 0.4% of women
#df6f5d Tritanomaly 0.01% of the population

#dc6f30 hex color

#dc6f30 Color Information

#dc6f30 Color Conversion

Color Schemes with #dc6f30

Alternatives to #dc6f30

#dc6f30 Preview

Shades and Tints of #dc6f30

Tones of #dc6f30

Color Blindness Simulator