#cf682c hex color

In a RGB color space, hex #cf682c is composed of 81.2% red, 40.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.8% magenta, 78.7% yellow and 18.8% black. It has a hue angle of 22.1 degrees, a saturation of 64.9% and a lightness of 49.2%. #cf682c color hex could be obtained by blending #ffd058 with #9f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 81
- G 41
- B 17
RGB color chart
- C 0
- M 50
- Y 79
- K 19
CMYK color chart

● #cf682c color description : Strong orange.

The hexadecimal color #cf682c has RGB values of R:207, G:104, B:44 and CMYK values of C:0, M:0.5, Y:0.79, K:0.19. Its decimal value is 13592620.

Hex triplet	cf682c	`#cf682c`
RGB Decimal	207, 104, 44	`rgb(207,104,44)`
RGB Percent	81.2, 40.8, 17.3	`rgb(81.2%,40.8%,17.3%)`
CMYK	0, 50, 79, 19
HSL	22.1°, 64.9, 49.2	`hsl(22.1,64.9%,49.2%)`
HSV (or HSB)	22.1°, 78.7, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.432, 36.789, 50.363
XYZ	31.138, 23.351, 5.25
xyY	0.521, 0.391, 23.351
CIE-LCH	55.432, 62.369, 53.853
CIE-LUV	55.432, 83.43, 43.832
Hunter-Lab	48.323, 30.457, 27.384
Binary	11001111, 01101000, 00101100

#cf682c
```
#cf682c rgb(207,104,44)
```
#2c93cf
```
#2c93cf rgb(44,147,207)
```

Complementary Color

#cf2c41
```
#cf2c41 rgb(207,44,65)
```
#cf682c
```
#cf682c rgb(207,104,44)
```
#cfba2c
```
#cfba2c rgb(207,186,44)
```

Analogous Color

#2c41cf
```
#2c41cf rgb(44,65,207)
```
#cf682c
```
#cf682c rgb(207,104,44)
```
#2ccfba
```
#2ccfba rgb(44,207,186)
```

Split Complementary Color

#682ccf
```
#682ccf rgb(104,44,207)
```
#cf682c
```
#cf682c rgb(207,104,44)
```
#2ccf68
```
#2ccf68 rgb(44,207,104)
```

Triadic Color

#cf2c93
```
#cf2c93 rgb(207,44,147)
```
#cf682c
```
#cf682c rgb(207,104,44)
```
#2ccf68
```
#2ccf68 rgb(44,207,104)
```
#2c93cf
```
#2c93cf rgb(44,147,207)
```

Tetradic Color

#90481f
```
#90481f rgb(144,72,31)
```
#a55323
```
#a55323 rgb(165,83,35)
```
#ba5d28
```
#ba5d28 rgb(186,93,40)
```
#cf682c
```
#cf682c rgb(207,104,44)
```
#d6763e
```
#d6763e rgb(214,118,62)
```
#db8553
```
#db8553 rgb(219,133,83)
```
#df9468
```
#df9468 rgb(223,148,104)
```

Monochromatic Color

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

#cf3f2c
```
#cf3f2c rgb(207,63,44)
```
#cf4d2c
```
#cf4d2c rgb(207,77,44)
```
#cf5a2c
```
#cf5a2c rgb(207,90,44)
```
#cf682c
```
#cf682c rgb(207,104,44)
```
#cf762c
```
#cf762c rgb(207,118,44)
```
#cf832c
```
#cf832c rgb(207,131,44)
```
#cf912c
```
#cf912c rgb(207,145,44)
```

Similar Colors

Text with hexadecimal color #cf682c

This text has a font color of #cf682c.

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

#cf682c background color

This paragraph has a background color of #cf682c.

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

#cf682c border color

This element has a border color of #cf682c.

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

CSS codes

.text {color:#cf682c;}

.background {background-color:#cf682c;}

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

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

#0d0603
```
#0d0603 rgb(13,6,3)
```
#1d0f06
```
#1d0f06 rgb(29,15,6)
```
#2d170a
```
#2d170a rgb(45,23,10)
```
#3d1f0d
```
#3d1f0d rgb(61,31,13)
```
#4e2710
```
#4e2710 rgb(78,39,16)
```
#5e2f14
```
#5e2f14 rgb(94,47,20)
```
#6e3717
```
#6e3717 rgb(110,55,23)
```
#7e3f1b
```
#7e3f1b rgb(126,63,27)
```
#8e471e
```
#8e471e rgb(142,71,30)
```
#9e5022
```
#9e5022 rgb(158,80,34)
```
#af5825
```
#af5825 rgb(175,88,37)
```
#bf6029
```
#bf6029 rgb(191,96,41)
```
#cf682c
```
#cf682c rgb(207,104,44)
```

Shade Color Variation

#d5733a
```
#d5733a rgb(213,115,58)
```
#d87e4a
```
#d87e4a rgb(216,126,74)
```
#dc8a5a
```
#dc8a5a rgb(220,138,90)
```
#df956a
```
#df956a rgb(223,149,106)
```
#e3a17a
```
#e3a17a rgb(227,161,122)
```
#e6ac8a
```
#e6ac8a rgb(230,172,138)
```
#eab89b
```
#eab89b rgb(234,184,155)
```
#edc3ab
```
#edc3ab rgb(237,195,171)
```
#f1cfbb
```
#f1cfbb rgb(241,207,187)
```
#f4dacb
```
#f4dacb rgb(244,218,203)
```
#f7e6db
```
#f7e6db rgb(247,230,219)
```
#fbf1ec
```
#fbf1ec rgb(251,241,236)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#827c79
```
#827c79 rgb(130,124,121)
```
#8b7a70
```
#8b7a70 rgb(139,122,112)
```
#957766
```
#957766 rgb(149,119,102)
```
#9f755c
```
#9f755c rgb(159,117,92)
```
#a87253
```
#a87253 rgb(168,114,83)
```
#b27049
```
#b27049 rgb(178,112,73)
```
#bc6d3f
```
#bc6d3f rgb(188,109,63)
```
#c56b36
```
#c56b36 rgb(197,107,54)
```
#cf682c
```
#cf682c rgb(207,104,44)
```
#d96522
```
#d96522 rgb(217,101,34)
```
#e26319
```
#e26319 rgb(226,99,25)
```
#ec600f
```
#ec600f rgb(236,96,15)
```
#f65e05
```
#f65e05 rgb(246,94,5)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#907b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b3e Protanopia 1% of men
#ac842f Deuteranopia 1% of men
#d46970 Tritanopia 0.001% of the population

Trichromacy

#ad7e37 Protanomaly 1% of men, 0.01% of women
#b97a2e Deuteranomaly 6% of men, 0.4% of women
#d26957 Tritanomaly 0.01% of the population

#cf682c hex color

#cf682c Color Information

#cf682c Color Conversion

Color Schemes with #cf682c

Alternatives to #cf682c

#cf682c Preview

Shades and Tints of #cf682c

Tones of #cf682c

Color Blindness Simulator