#dc550f hex color

In a RGB color space, hex #dc550f is composed of 86.3% red, 33.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.4% magenta, 93.2% yellow and 13.7% black. It has a hue angle of 20.5 degrees, a saturation of 87.2% and a lightness of 46.1%. #dc550f color hex could be obtained by blending #ffaa1e with #b90000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 86
- G 33
- B 6
RGB color chart
- C 0
- M 61
- Y 93
- K 14
CMYK color chart

● #dc550f color description : Vivid orange.

The hexadecimal color #dc550f has RGB values of R:220, G:85, B:15 and CMYK values of C:0, M:0.61, Y:0.93, K:0.14. Its decimal value is 14439695.

Hex triplet	dc550f	`#dc550f`
RGB Decimal	220, 85, 15	`rgb(220,85,15)`
RGB Percent	86.3, 33.3, 5.9	`rgb(86.3%,33.3%,5.9%)`
CMYK	0, 61, 93, 14
HSL	20.5°, 87.2, 46.1	`hsl(20.5,87.2%,46.1%)`
HSV (or HSB)	20.5°, 93.2, 86.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	53.762, 50.197, 60.411
XYZ	32.851, 21.751, 2.92
xyY	0.571, 0.378, 21.751
CIE-LCH	53.762, 78.545, 50.276
CIE-LUV	53.762, 111.379, 44.585
Hunter-Lab	46.638, 44.119, 28.934
Binary	11011100, 01010101, 00001111

#dc550f
```
#dc550f rgb(220,85,15)
```
#0f96dc
```
#0f96dc rgb(15,150,220)
```

Complementary Color

#dc0f2f
```
#dc0f2f rgb(220,15,47)
```
#dc550f
```
#dc550f rgb(220,85,15)
```
#dcbc0f
```
#dcbc0f rgb(220,188,15)
```

Analogous Color

#0f2fdc
```
#0f2fdc rgb(15,47,220)
```
#dc550f
```
#dc550f rgb(220,85,15)
```
#0fdcbc
```
#0fdcbc rgb(15,220,188)
```

Split Complementary Color

#550fdc
```
#550fdc rgb(85,15,220)
```
#dc550f
```
#dc550f rgb(220,85,15)
```
#0fdc55
```
#0fdc55 rgb(15,220,85)
```

Triadic Color

#dc0f96
```
#dc0f96 rgb(220,15,150)
```
#dc550f
```
#dc550f rgb(220,85,15)
```
#0fdc55
```
#0fdc55 rgb(15,220,85)
```
#0f96dc
```
#0f96dc rgb(15,150,220)
```

Tetradic Color

#94390a
```
#94390a rgb(148,57,10)
```
#ac430c
```
#ac430c rgb(172,67,12)
```
#c44c0d
```
#c44c0d rgb(196,76,13)
```
#dc550f
```
#dc550f rgb(220,85,15)
```
#ef6015
```
#ef6015 rgb(239,96,21)
```
#f1702d
```
#f1702d rgb(241,112,45)
```
#f28045
```
#f28045 rgb(242,128,69)
```

Monochromatic Color

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

#dc220f
```
#dc220f rgb(220,34,15)
```
#dc330f
```
#dc330f rgb(220,51,15)
```
#dc440f
```
#dc440f rgb(220,68,15)
```
#dc550f
```
#dc550f rgb(220,85,15)
```
#dc660f
```
#dc660f rgb(220,102,15)
```
#dc770f
```
#dc770f rgb(220,119,15)
```
#dc880f
```
#dc880f rgb(220,136,15)
```

Similar Colors

Text with hexadecimal color #dc550f

This text has a font color of #dc550f.

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

#dc550f background color

This paragraph has a background color of #dc550f.

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

#dc550f border color

This element has a border color of #dc550f.

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

CSS codes

.text {color:#dc550f;}

.background {background-color:#dc550f;}

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

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

#120701
```
#120701 rgb(18,7,1)
```
#240e02
```
#240e02 rgb(36,14,2)
```
#371504
```
#371504 rgb(55,21,4)
```
#491c05
```
#491c05 rgb(73,28,5)
```
#5b2306
```
#5b2306 rgb(91,35,6)
```
#6e2a07
```
#6e2a07 rgb(110,42,7)
```
#803209
```
#803209 rgb(128,50,9)
```
#93390a
```
#93390a rgb(147,57,10)
```
#a5400b
```
#a5400b rgb(165,64,11)
```
#b7470c
```
#b7470c rgb(183,71,12)
```
#ca4e0e
```
#ca4e0e rgb(202,78,14)
```
#dc550f
```
#dc550f rgb(220,85,15)
```
#ee5c10
```
#ee5c10 rgb(238,92,16)
```

Shade Color Variation

#f06922
```
#f06922 rgb(240,105,34)
```
#f17535
```
#f17535 rgb(241,117,53)
```
#f28247
```
#f28247 rgb(242,130,71)
```
#f48e59
```
#f48e59 rgb(244,142,89)
```
#f59b6c
```
#f59b6c rgb(245,155,108)
```
#f6a77e
```
#f6a77e rgb(246,167,126)
```
#f7b490
```
#f7b490 rgb(247,180,144)
```
#f9c0a3
```
#f9c0a3 rgb(249,192,163)
```
#facdb5
```
#facdb5 rgb(250,205,181)
```
#fbd9c8
```
#fbd9c8 rgb(251,217,200)
```
#fce6da
```
#fce6da rgb(252,230,218)
```
#fef2ec
```
#fef2ec rgb(254,242,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797572
```
#797572 rgb(121,117,114)
```
#827269
```
#827269 rgb(130,114,105)
```
#8b6f60
```
#8b6f60 rgb(139,111,96)
```
#946c57
```
#946c57 rgb(148,108,87)
```
#9d694e
```
#9d694e rgb(157,105,78)
```
#a66645
```
#a66645 rgb(166,102,69)
```
#af633c
```
#af633c rgb(175,99,60)
```
#b86033
```
#b86033 rgb(184,96,51)
```
#c15e2a
```
#c15e2a rgb(193,94,42)
```
#ca5b21
```
#ca5b21 rgb(202,91,33)
```
#d35818
```
#d35818 rgb(211,88,24)
```
#dc550f
```
#dc550f rgb(220,85,15)
```
#e55206
```
#e55206 rgb(229,82,6)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8a6f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968726 Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#df585c Tritanopia 0.001% of the population

Trichromacy

#b0751d Protanomaly 1% of men, 0.01% of women
#bb7005 Deuteranomaly 6% of men, 0.4% of women
#de5640 Tritanomaly 0.01% of the population

#dc550f hex color

#dc550f Color Information

#dc550f Color Conversion

Color Schemes with #dc550f

Alternatives to #dc550f

#dc550f Preview

Shades and Tints of #dc550f

Tones of #dc550f

Color Blindness Simulator