#dc631f hex color

In a RGB color space, hex #dc631f is composed of 86.3% red, 38.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 85.9% yellow and 13.7% black. It has a hue angle of 21.6 degrees, a saturation of 75.3% and a lightness of 49.2%. #dc631f color hex could be obtained by blending #ffc63e with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 39
- B 12
RGB color chart
- C 0
- M 55
- Y 86
- K 14
CMYK color chart

● #dc631f color description : Vivid orange.

The hexadecimal color #dc631f has RGB values of R:220, G:99, B:31 and CMYK values of C:0, M:0.55, Y:0.86, K:0.14. Its decimal value is 14443295.

Hex triplet	dc631f	`#dc631f`
RGB Decimal	220, 99, 31	`rgb(220,99,31)`
RGB Percent	86.3, 38.8, 12.2	`rgb(86.3%,38.8%,12.2%)`
CMYK	0, 55, 86, 14
HSL	21.6°, 75.3, 49.2	`hsl(21.6,75.3%,49.2%)`
HSV (or HSB)	21.6°, 85.9, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.329, 43.957, 57.274
XYZ	34.226, 24.242, 4.173
xyY	0.546, 0.387, 24.242
CIE-LCH	56.329, 72.198, 52.494
CIE-LUV	56.329, 99.42, 46.366
Hunter-Lab	49.236, 37.919, 29.44
Binary	11011100, 01100011, 00011111

#dc631f
```
#dc631f rgb(220,99,31)
```
#1f98dc
```
#1f98dc rgb(31,152,220)
```

Complementary Color

#dc1f3a
```
#dc1f3a rgb(220,31,58)
```
#dc631f
```
#dc631f rgb(220,99,31)
```
#dcc21f
```
#dcc21f rgb(220,194,31)
```

Analogous Color

#1f3adc
```
#1f3adc rgb(31,58,220)
```
#dc631f
```
#dc631f rgb(220,99,31)
```
#1fdcc2
```
#1fdcc2 rgb(31,220,194)
```

Split Complementary Color

#631fdc
```
#631fdc rgb(99,31,220)
```
#dc631f
```
#dc631f rgb(220,99,31)
```
#1fdc63
```
#1fdc63 rgb(31,220,99)
```

Triadic Color

#dc1f98
```
#dc1f98 rgb(220,31,152)
```
#dc631f
```
#dc631f rgb(220,99,31)
```
#1fdc63
```
#1fdc63 rgb(31,220,99)
```
#1f98dc
```
#1f98dc rgb(31,152,220)
```

Tetradic Color

#994516
```
#994516 rgb(153,69,22)
```
#af4f19
```
#af4f19 rgb(175,79,25)
```
#c6591c
```
#c6591c rgb(198,89,28)
```
#dc631f
```
#dc631f rgb(220,99,31)
```
#e27232
```
#e27232 rgb(226,114,50)
```
#e58149
```
#e58149 rgb(229,129,73)
```
#e8905f
```
#e8905f rgb(232,144,95)
```

Monochromatic Color

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

#dc341f
```
#dc341f rgb(220,52,31)
```
#dc441f
```
#dc441f rgb(220,68,31)
```
#dc531f
```
#dc531f rgb(220,83,31)
```
#dc631f
```
#dc631f rgb(220,99,31)
```
#dc731f
```
#dc731f rgb(220,115,31)
```
#dc831f
```
#dc831f rgb(220,131,31)
```
#dc921f
```
#dc921f rgb(220,146,31)
```

Similar Colors

Text with hexadecimal color #dc631f

This text has a font color of #dc631f.

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

#dc631f background color

This paragraph has a background color of #dc631f.

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

#dc631f border color

This element has a border color of #dc631f.

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

CSS codes

.text {color:#dc631f;}

.background {background-color:#dc631f;}

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

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

#0e0602
```
#0e0602 rgb(14,6,2)
```
#1f0e04
```
#1f0e04 rgb(31,14,4)
```
#301607
```
#301607 rgb(48,22,7)
```
#411d09
```
#411d09 rgb(65,29,9)
```
#52250c
```
#52250c rgb(82,37,12)
```
#642d0e
```
#642d0e rgb(100,45,14)
```
#753510
```
#753510 rgb(117,53,16)
```
#863c13
```
#863c13 rgb(134,60,19)
```
#974415
```
#974415 rgb(151,68,21)
```
#a84c18
```
#a84c18 rgb(168,76,24)
```
#ba541a
```
#ba541a rgb(186,84,26)
```
#cb5b1d
```
#cb5b1d rgb(203,91,29)
```
#dc631f
```
#dc631f rgb(220,99,31)
```

Shade Color Variation

#e16e2d
```
#e16e2d rgb(225,110,45)
```
#e47a3e
```
#e47a3e rgb(228,122,62)
```
#e68650
```
#e68650 rgb(230,134,80)
```
#e99261
```
#e99261 rgb(233,146,97)
```
#eb9e72
```
#eb9e72 rgb(235,158,114)
```
#eea983
```
#eea983 rgb(238,169,131)
```
#f0b594
```
#f0b594 rgb(240,181,148)
```
#f2c1a6
```
#f2c1a6 rgb(242,193,166)
```
#f5cdb7
```
#f5cdb7 rgb(245,205,183)
```
#f7d9c8
```
#f7d9c8 rgb(247,217,200)
```
#fae5d9
```
#fae5d9 rgb(250,229,217)
```
#fcf1ea
```
#fcf1ea rgb(252,241,234)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#857b76
```
#857b76 rgb(133,123,118)
```
#8f796c
```
#8f796c rgb(143,121,108)
```
#987663
```
#987663 rgb(152,118,99)
```
#a27359
```
#a27359 rgb(162,115,89)
```
#ac714f
```
#ac714f rgb(172,113,79)
```
#b56e46
```
#b56e46 rgb(181,110,70)
```
#bf6b3c
```
#bf6b3c rgb(191,107,60)
```
#c96832
```
#c96832 rgb(201,104,50)
```
#d26629
```
#d26629 rgb(210,102,41)
```
#dc631f
```
#dc631f rgb(220,99,31)
```
#e66015
```
#e66015 rgb(230,96,21)
```
#ef5e0c
```
#ef5e0c rgb(239,94,12)
```
#f95b02
```
#f95b02 rgb(249,91,2)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#92796c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d33 Protanopia 1% of men
#b0861c Deuteranopia 1% of men
#e0646a Tritanopia 0.001% of the population

Trichromacy

#b47e2b Protanomaly 1% of men, 0.01% of women
#c0791d Deuteranomaly 6% of men, 0.4% of women
#de644f Tritanomaly 0.01% of the population

#dc631f hex color

#dc631f Color Information

#dc631f Color Conversion

Color Schemes with #dc631f

Alternatives to #dc631f

#dc631f Preview

Shades and Tints of #dc631f

Tones of #dc631f

Color Blindness Simulator