#cf6f30 hex color

In a RGB color space, hex #cf6f30 is composed of 81.2% red, 43.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.4% magenta, 76.8% yellow and 18.8% black. It has a hue angle of 23.8 degrees, a saturation of 62.4% and a lightness of 50%. #cf6f30 color hex could be obtained by blending #ffde60 with #9f0000. Closest websafe color is: #cc6633.

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

● #cf6f30 color description : Strong orange.

The hexadecimal color #cf6f30 has RGB values of R:207, G:111, B:48 and CMYK values of C:0, M:0.46, Y:0.77, K:0.19. Its decimal value is 13594416.

Hex triplet	cf6f30	`#cf6f30`
RGB Decimal	207, 111, 48	`rgb(207,111,48)`
RGB Percent	81.2, 43.5, 18.8	`rgb(81.2%,43.5%,18.8%)`
CMYK	0, 46, 77, 19
HSL	23.8°, 62.4, 50	`hsl(23.8,62.4%,50%)`
HSV (or HSB)	23.8°, 76.8, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.929, 33.307, 50.015
XYZ	31.951, 24.85, 5.91
xyY	0.509, 0.396, 24.85
CIE-LCH	56.929, 60.09, 56.338
CIE-LUV	56.929, 77.487, 45.219
Hunter-Lab	49.85, 27.17, 27.866
Binary	11001111, 01101111, 00110000

#cf6f30
```
#cf6f30 rgb(207,111,48)
```
#3090cf
```
#3090cf rgb(48,144,207)
```

Complementary Color

#cf3041
```
#cf3041 rgb(207,48,65)
```
#cf6f30
```
#cf6f30 rgb(207,111,48)
```
#cfbf30
```
#cfbf30 rgb(207,191,48)
```

Analogous Color

#3040cf
```
#3040cf rgb(48,64,207)
```
#cf6f30
```
#cf6f30 rgb(207,111,48)
```
#30cfbf
```
#30cfbf rgb(48,207,191)
```

Split Complementary Color

#6f30cf
```
#6f30cf rgb(111,48,207)
```
#cf6f30
```
#cf6f30 rgb(207,111,48)
```
#30cf6f
```
#30cf6f rgb(48,207,111)
```

Triadic Color

#cf3090
```
#cf3090 rgb(207,48,144)
```
#cf6f30
```
#cf6f30 rgb(207,111,48)
```
#30cf6f
```
#30cf6f rgb(48,207,111)
```
#3090cf
```
#3090cf rgb(48,144,207)
```

Tetradic Color

#914e22
```
#914e22 rgb(145,78,34)
```
#a65926
```
#a65926 rgb(166,89,38)
```
#ba642b
```
#ba642b rgb(186,100,43)
```
#cf6f30
```
#cf6f30 rgb(207,111,48)
```
#d47d45
```
#d47d45 rgb(212,125,69)
```
#d98c59
```
#d98c59 rgb(217,140,89)
```
#dd9a6e
```
#dd9a6e rgb(221,154,110)
```

Monochromatic Color

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

#cf4730
```
#cf4730 rgb(207,71,48)
```
#cf5530
```
#cf5530 rgb(207,85,48)
```
#cf6230
```
#cf6230 rgb(207,98,48)
```
#cf6f30
```
#cf6f30 rgb(207,111,48)
```
#cf7c30
```
#cf7c30 rgb(207,124,48)
```
#cf8a30
```
#cf8a30 rgb(207,138,48)
```
#cf9730
```
#cf9730 rgb(207,151,48)
```

Similar Colors

Text with hexadecimal color #cf6f30

This text has a font color of #cf6f30.

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

#cf6f30 background color

This paragraph has a background color of #cf6f30.

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

#cf6f30 border color

This element has a border color of #cf6f30.

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

CSS codes

.text {color:#cf6f30;}

.background {background-color:#cf6f30;}

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

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

#100904
```
#100904 rgb(16,9,4)
```
#201107
```
#201107 rgb(32,17,7)
```
#301a0b
```
#301a0b rgb(48,26,11)
```
#40220f
```
#40220f rgb(64,34,15)
```
#502b12
```
#502b12 rgb(80,43,18)
```
#603316
```
#603316 rgb(96,51,22)
```
#6f3c1a
```
#6f3c1a rgb(111,60,26)
```
#7f441e
```
#7f441e rgb(127,68,30)
```
#8f4d21
```
#8f4d21 rgb(143,77,33)
```
#9f5525
```
#9f5525 rgb(159,85,37)
```
#af5e29
```
#af5e29 rgb(175,94,41)
```
#bf662c
```
#bf662c rgb(191,102,44)
```
#cf6f30
```
#cf6f30 rgb(207,111,48)
```

Shade Color Variation

#d37a40
```
#d37a40 rgb(211,122,64)
```
#d68550
```
#d68550 rgb(214,133,80)
```
#da9060
```
#da9060 rgb(218,144,96)
```
#de9b70
```
#de9b70 rgb(222,155,112)
```
#e1a680
```
#e1a680 rgb(225,166,128)
```
#e5b190
```
#e5b190 rgb(229,177,144)
```
#e9bd9f
```
#e9bd9f rgb(233,189,159)
```
#edc8af
```
#edc8af rgb(237,200,175)
```
#f0d3bf
```
#f0d3bf rgb(240,211,191)
```
#f4decf
```
#f4decf rgb(244,222,207)
```
#f8e9df
```
#f8e9df rgb(248,233,223)
```
#fbf4ef
```
#fbf4ef rgb(251,244,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#817f7e
```
#817f7e rgb(129,127,126)
```
#8a7d75
```
#8a7d75 rgb(138,125,117)
```
#947b6b
```
#947b6b rgb(148,123,107)
```
#9e7961
```
#9e7961 rgb(158,121,97)
```
#a87757
```
#a87757 rgb(168,119,87)
```
#b2754d
```
#b2754d rgb(178,117,77)
```
#bb7344
```
#bb7344 rgb(187,115,68)
```
#c5713a
```
#c5713a rgb(197,113,58)
```
#cf6f30
```
#cf6f30 rgb(207,111,48)
```
#d96d26
```
#d96d26 rgb(217,109,38)
```
#e36b1c
```
#e36b1c rgb(227,107,28)
```
#ec6913
```
#ec6913 rgb(236,105,19)
```
#f66709
```
#f66709 rgb(246,103,9)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#948174 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e41 Protanopia 1% of men
#b08834 Deuteranopia 1% of men
#d46f77 Tritanopia 0.001% of the population

Trichromacy

#af833b Protanomaly 1% of men, 0.01% of women
#bb7e32 Deuteranomaly 6% of men, 0.4% of women
#d26f5d Tritanomaly 0.01% of the population

#cf6f30 hex color

#cf6f30 Color Information

#cf6f30 Color Conversion

Color Schemes with #cf6f30

Alternatives to #cf6f30

#cf6f30 Preview

Shades and Tints of #cf6f30

Tones of #cf6f30

Color Blindness Simulator