#dc631c hex color

In a RGB color space, hex #dc631c is composed of 86.3% red, 38.8% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 87.3% yellow and 13.7% black. It has a hue angle of 22.2 degrees, a saturation of 77.4% and a lightness of 48.6%. #dc631c color hex could be obtained by blending #ffc638 with #b90000. Closest websafe color is: #cc6633.

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

● #dc631c color description : Vivid orange.

The hexadecimal color #dc631c has RGB values of R:220, G:99, B:28 and CMYK values of C:0, M:0.55, Y:0.87, K:0.14. Its decimal value is 14443292.

Hex triplet	dc631c	`#dc631c`
RGB Decimal	220, 99, 28	`rgb(220,99,28)`
RGB Percent	86.3, 38.8, 11	`rgb(86.3%,38.8%,11%)`
CMYK	0, 55, 87, 14
HSL	22.2°, 77.4, 48.6	`hsl(22.2,77.4%,48.6%)`
HSV (or HSB)	22.2°, 87.3, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.314, 43.891, 58.335
XYZ	34.188, 24.227, 3.974
xyY	0.548, 0.388, 24.227
CIE-LCH	56.314, 73.003, 53.042
CIE-LUV	56.314, 99.637, 46.929
Hunter-Lab	49.221, 37.848, 29.667
Binary	11011100, 01100011, 00011100

#dc631c
```
#dc631c rgb(220,99,28)
```
#1c95dc
```
#1c95dc rgb(28,149,220)
```

Complementary Color

#dc1c35
```
#dc1c35 rgb(220,28,53)
```
#dc631c
```
#dc631c rgb(220,99,28)
```
#dcc31c
```
#dcc31c rgb(220,195,28)
```

Analogous Color

#1c35dc
```
#1c35dc rgb(28,53,220)
```
#dc631c
```
#dc631c rgb(220,99,28)
```
#1cdcc3
```
#1cdcc3 rgb(28,220,195)
```

Split Complementary Color

#631cdc
```
#631cdc rgb(99,28,220)
```
#dc631c
```
#dc631c rgb(220,99,28)
```
#1cdc63
```
#1cdc63 rgb(28,220,99)
```

Triadic Color

#dc1c95
```
#dc1c95 rgb(220,28,149)
```
#dc631c
```
#dc631c rgb(220,99,28)
```
#1cdc63
```
#1cdc63 rgb(28,220,99)
```
#1c95dc
```
#1c95dc rgb(28,149,220)
```

Tetradic Color

#984413
```
#984413 rgb(152,68,19)
```
#af4f16
```
#af4f16 rgb(175,79,22)
```
#c55919
```
#c55919 rgb(197,89,25)
```
#dc631c
```
#dc631c rgb(220,99,28)
```
#e4712d
```
#e4712d rgb(228,113,45)
```
#e78044
```
#e78044 rgb(231,128,68)
```
#ea905a
```
#ea905a rgb(234,144,90)
```

Monochromatic Color

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

#dc331c
```
#dc331c rgb(220,51,28)
```
#dc431c
```
#dc431c rgb(220,67,28)
```
#dc531c
```
#dc531c rgb(220,83,28)
```
#dc631c
```
#dc631c rgb(220,99,28)
```
#dc731c
```
#dc731c rgb(220,115,28)
```
#dc831c
```
#dc831c rgb(220,131,28)
```
#dc931c
```
#dc931c rgb(220,147,28)
```

Similar Colors

Text with hexadecimal color #dc631c

This text has a font color of #dc631c.

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

#dc631c background color

This paragraph has a background color of #dc631c.

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

#dc631c border color

This element has a border color of #dc631c.

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

CSS codes

.text {color:#dc631c;}

.background {background-color:#dc631c;}

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

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

#0b0501
```
#0b0501 rgb(11,5,1)
```
#1d0d04
```
#1d0d04 rgb(29,13,4)
```
#2e1506
```
#2e1506 rgb(46,21,6)
```
#3f1d08
```
#3f1d08 rgb(63,29,8)
```
#51240a
```
#51240a rgb(81,36,10)
```
#622c0c
```
#622c0c rgb(98,44,12)
```
#74340f
```
#74340f rgb(116,52,15)
```
#853c11
```
#853c11 rgb(133,60,17)
```
#964413
```
#964413 rgb(150,68,19)
```
#a84c15
```
#a84c15 rgb(168,76,21)
```
#b95318
```
#b95318 rgb(185,83,24)
```
#cb5b1a
```
#cb5b1a rgb(203,91,26)
```
#dc631c
```
#dc631c rgb(220,99,28)
```

Shade Color Variation

#e46d28
```
#e46d28 rgb(228,109,40)
```
#e67939
```
#e67939 rgb(230,121,57)
```
#e8854b
```
#e8854b rgb(232,133,75)
```
#ea915c
```
#ea915c rgb(234,145,92)
```
#ec9d6e
```
#ec9d6e rgb(236,157,110)
```
#efa87f
```
#efa87f rgb(239,168,127)
```
#f1b490
```
#f1b490 rgb(241,180,144)
```
#f3c0a2
```
#f3c0a2 rgb(243,192,162)
```
#f5ccb3
```
#f5ccb3 rgb(245,204,179)
```
#f8d7c5
```
#f8d7c5 rgb(248,215,197)
```
#fae3d6
```
#fae3d6 rgb(250,227,214)
```
#fcefe7
```
#fcefe7 rgb(252,239,231)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#7d7c7b
```
#7d7c7b rgb(125,124,123)
```
#867972
```
#867972 rgb(134,121,114)
```
#907768
```
#907768 rgb(144,119,104)
```
#99745f
```
#99745f rgb(153,116,95)
```
#a37255
```
#a37255 rgb(163,114,85)
```
#ac6f4c
```
#ac6f4c rgb(172,111,76)
```
#b66d42
```
#b66d42 rgb(182,109,66)
```
#bf6a39
```
#bf6a39 rgb(191,106,57)
```
#c9682f
```
#c9682f rgb(201,104,47)
```
#d26526
```
#d26526 rgb(210,101,38)
```
#dc631c
```
#dc631c rgb(220,99,28)
```
#e66112
```
#e66112 rgb(230,97,18)
```
#ef5e09
```
#ef5e09 rgb(239,94,9)
```

Tone Color Variation

Below, you can see how #dc631c 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
#92796b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d30 Protanopia 1% of men
#b08616 Deuteranopia 1% of men
#e0646a Tritanopia 0.001% of the population

Trichromacy

#b47e29 Protanomaly 1% of men, 0.01% of women
#c07918 Deuteranomaly 6% of men, 0.4% of women
#de644e Tritanomaly 0.01% of the population

#dc631c hex color

#dc631c Color Information

#dc631c Color Conversion

Color Schemes with #dc631c

Alternatives to #dc631c

#dc631c Preview

Shades and Tints of #dc631c

Tones of #dc631c

Color Blindness Simulator