#ce701f hex color

In a RGB color space, hex #ce701f is composed of 80.8% red, 43.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.6% magenta, 85% yellow and 19.2% black. It has a hue angle of 27.8 degrees, a saturation of 73.8% and a lightness of 46.5%. #ce701f color hex could be obtained by blending #ffe03e with #9d0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 81
- G 44
- B 12
RGB color chart
- C 0
- M 46
- Y 85
- K 19
CMYK color chart

● #ce701f color description : Strong orange.

The hexadecimal color #ce701f has RGB values of R:206, G:112, B:31 and CMYK values of C:0, M:0.46, Y:0.85, K:0.19. Its decimal value is 13529119.

Hex triplet	ce701f	`#ce701f`
RGB Decimal	206, 112, 31	`rgb(206,112,31)`
RGB Percent	80.8, 43.9, 12.2	`rgb(80.8%,43.9%,12.2%)`
CMYK	0, 46, 85, 19
HSL	27.8°, 73.8, 46.5	`hsl(27.8,73.8%,46.5%)`
HSV (or HSB)	27.8°, 85, 80.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.892, 31.812, 56.904
XYZ	31.496, 24.812, 4.427
xyY	0.519, 0.409, 24.812
CIE-LCH	56.892, 65.193, 60.793
CIE-LUV	56.892, 77.151, 49.723
Hunter-Lab	49.811, 25.697, 29.599
Binary	11001110, 01110000, 00011111

#ce701f
```
#ce701f rgb(206,112,31)
```
#1f7dce
```
#1f7dce rgb(31,125,206)
```

Complementary Color

#ce1f26
```
#ce1f26 rgb(206,31,38)
```
#ce701f
```
#ce701f rgb(206,112,31)
```
#cec81f
```
#cec81f rgb(206,200,31)
```

Analogous Color

#1f26ce
```
#1f26ce rgb(31,38,206)
```
#ce701f
```
#ce701f rgb(206,112,31)
```
#1fcec8
```
#1fcec8 rgb(31,206,200)
```

Split Complementary Color

#701fce
```
#701fce rgb(112,31,206)
```
#ce701f
```
#ce701f rgb(206,112,31)
```
#1fce70
```
#1fce70 rgb(31,206,112)
```

Triadic Color

#ce1f7d
```
#ce1f7d rgb(206,31,125)
```
#ce701f
```
#ce701f rgb(206,112,31)
```
#1fce70
```
#1fce70 rgb(31,206,112)
```
#1f7dce
```
#1f7dce rgb(31,125,206)
```

Tetradic Color

#8c4c15
```
#8c4c15 rgb(140,76,21)
```
#a25818
```
#a25818 rgb(162,88,24)
```
#b8641c
```
#b8641c rgb(184,100,28)
```
#ce701f
```
#ce701f rgb(206,112,31)
```
#df7c28
```
#df7c28 rgb(223,124,40)
```
#e28a3e
```
#e28a3e rgb(226,138,62)
```
#e59754
```
#e59754 rgb(229,151,84)
```

Monochromatic Color

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

#ce441f
```
#ce441f rgb(206,68,31)
```
#ce531f
```
#ce531f rgb(206,83,31)
```
#ce611f
```
#ce611f rgb(206,97,31)
```
#ce701f
```
#ce701f rgb(206,112,31)
```
#ce7f1f
```
#ce7f1f rgb(206,127,31)
```
#ce8d1f
```
#ce8d1f rgb(206,141,31)
```
#ce9c1f
```
#ce9c1f rgb(206,156,31)
```

Similar Colors

Text with hexadecimal color #ce701f

This text has a font color of #ce701f.

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

#ce701f background color

This paragraph has a background color of #ce701f.

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

#ce701f border color

This element has a border color of #ce701f.

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

CSS codes

.text {color:#ce701f;}

.background {background-color:#ce701f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120a03
```
#120a03 rgb(18,10,3)
```
#241305
```
#241305 rgb(36,19,5)
```
#351d08
```
#351d08 rgb(53,29,8)
```
#46260a
```
#46260a rgb(70,38,10)
```
#572f0d
```
#572f0d rgb(87,47,13)
```
#683810
```
#683810 rgb(104,56,16)
```
#794212
```
#794212 rgb(121,66,18)
```
#8a4b15
```
#8a4b15 rgb(138,75,21)
```
#9b5417
```
#9b5417 rgb(155,84,23)
```
#ac5d1a
```
#ac5d1a rgb(172,93,26)
```
#bd671c
```
#bd671c rgb(189,103,28)
```
#ce701f
```
#ce701f rgb(206,112,31)
```

Shade Color Variation

#de7923
```
#de7923 rgb(222,121,35)
```
#e08434
```
#e08434 rgb(224,132,52)
```
#e38e45
```
#e38e45 rgb(227,142,69)
```
#e69856
```
#e69856 rgb(230,152,86)
```
#e8a367
```
#e8a367 rgb(232,163,103)
```
#ebad78
```
#ebad78 rgb(235,173,120)
```
#edb789
```
#edb789 rgb(237,183,137)
```
#f0c29a
```
#f0c29a rgb(240,194,154)
```
#f2ccab
```
#f2ccab rgb(242,204,171)
```
#f5d6bc
```
#f5d6bc rgb(245,214,188)
```
#f8e1cd
```
#f8e1cd rgb(248,225,205)
```
#faebde
```
#faebde rgb(250,235,222)
```
#fdf6ef
```
#fdf6ef rgb(253,246,239)
```

Tint Color Variation

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

#7c7671
```
#7c7671 rgb(124,118,113)
```
#857568
```
#857568 rgb(133,117,104)
```
#8e755f
```
#8e755f rgb(142,117,95)
```
#977456
```
#977456 rgb(151,116,86)
```
#a0734d
```
#a0734d rgb(160,115,77)
```
#aa7343
```
#aa7343 rgb(170,115,67)
```
#b3723a
```
#b3723a rgb(179,114,58)
```
#bc7131
```
#bc7131 rgb(188,113,49)
```
#c57128
```
#c57128 rgb(197,113,40)
```
#ce701f
```
#ce701f rgb(206,112,31)
```
#d76f16
```
#d76f16 rgb(215,111,22)
```
#e06f0d
```
#e06f0d rgb(224,111,13)
```
#e96e04
```
#e96e04 rgb(233,110,4)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#927f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8e30 Protanopia 1% of men
#b18721 Deuteranopia 1% of men
#d47077 Tritanopia 0.001% of the population

Trichromacy

#b0832a Protanomaly 1% of men, 0.01% of women
#bc7f20 Deuteranomaly 6% of men, 0.4% of women
#d17057 Tritanomaly 0.01% of the population

#ce701f hex color

#ce701f Color Information

#ce701f Color Conversion

Color Schemes with #ce701f

Alternatives to #ce701f

#ce701f Preview

Shades and Tints of #ce701f

Tones of #ce701f

Color Blindness Simulator