#cf7018 hex color

In a RGB color space, hex #cf7018 is composed of 81.2% red, 43.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.9% magenta, 88.4% yellow and 18.8% black. It has a hue angle of 28.9 degrees, a saturation of 79.2% and a lightness of 45.3%. #cf7018 color hex could be obtained by blending #ffe030 with #9f0000. Closest websafe color is: #cc6600.

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

● #cf7018 color description : Strong orange.

The hexadecimal color #cf7018 has RGB values of R:207, G:112, B:24 and CMYK values of C:0, M:0.46, Y:0.88, K:0.19. Its decimal value is 13594648.

Hex triplet	cf7018	`#cf7018`
RGB Decimal	207, 112, 24	`rgb(207,112,24)`
RGB Percent	81.2, 43.9, 9.4	`rgb(81.2%,43.9%,9.4%)`
CMYK	0, 46, 88, 19
HSL	28.9°, 79.2, 45.3	`hsl(28.9,79.2%,45.3%)`
HSV (or HSB)	28.9°, 88.4, 81.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	57, 32.063, 59.344
XYZ	31.692, 24.922, 4.006
xyY	0.523, 0.411, 24.922
CIE-LCH	57, 67.452, 61.619
CIE-LUV	57, 78.372, 51.021
Hunter-Lab	49.922, 25.953, 30.188
Binary	11001111, 01110000, 00011000

#cf7018
```
#cf7018 rgb(207,112,24)
```
#1877cf
```
#1877cf rgb(24,119,207)
```

Complementary Color

#cf181b
```
#cf181b rgb(207,24,27)
```
#cf7018
```
#cf7018 rgb(207,112,24)
```
#cfcc18
```
#cfcc18 rgb(207,204,24)
```

Analogous Color

#181bcf
```
#181bcf rgb(24,27,207)
```
#cf7018
```
#cf7018 rgb(207,112,24)
```
#18cfcc
```
#18cfcc rgb(24,207,204)
```

Split Complementary Color

#7018cf
```
#7018cf rgb(112,24,207)
```
#cf7018
```
#cf7018 rgb(207,112,24)
```
#18cf70
```
#18cf70 rgb(24,207,112)
```

Triadic Color

#cf1877
```
#cf1877 rgb(207,24,119)
```
#cf7018
```
#cf7018 rgb(207,112,24)
```
#18cf70
```
#18cf70 rgb(24,207,112)
```
#1877cf
```
#1877cf rgb(24,119,207)
```

Tetradic Color

#8a4b10
```
#8a4b10 rgb(138,75,16)
```
#a15713
```
#a15713 rgb(161,87,19)
```
#b86415
```
#b86415 rgb(184,100,21)
```
#cf7018
```
#cf7018 rgb(207,112,24)
```
#e57c1c
```
#e57c1c rgb(229,124,28)
```
#e78a33
```
#e78a33 rgb(231,138,51)
```
#ea974a
```
#ea974a rgb(234,151,74)
```

Monochromatic Color

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

#cf4218
```
#cf4218 rgb(207,66,24)
```
#cf5218
```
#cf5218 rgb(207,82,24)
```
#cf6118
```
#cf6118 rgb(207,97,24)
```
#cf7018
```
#cf7018 rgb(207,112,24)
```
#cf7f18
```
#cf7f18 rgb(207,127,24)
```
#cf8f18
```
#cf8f18 rgb(207,143,24)
```
#cf9e18
```
#cf9e18 rgb(207,158,24)
```

Similar Colors

Text with hexadecimal color #cf7018

This text has a font color of #cf7018.

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

#cf7018 background color

This paragraph has a background color of #cf7018.

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

#cf7018 border color

This element has a border color of #cf7018.

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

CSS codes

.text {color:#cf7018;}

.background {background-color:#cf7018;}

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

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

#0e0702
```
#0e0702 rgb(14,7,2)
```
#1f1104
```
#1f1104 rgb(31,17,4)
```
#311a06
```
#311a06 rgb(49,26,6)
```
#422408
```
#422408 rgb(66,36,8)
```
#542d0a
```
#542d0a rgb(84,45,10)
```
#66370c
```
#66370c rgb(102,55,12)
```
#77400e
```
#77400e rgb(119,64,14)
```
#894a10
```
#894a10 rgb(137,74,16)
```
#9a5312
```
#9a5312 rgb(154,83,18)
```
#ac5d14
```
#ac5d14 rgb(172,93,20)
```
#bd6616
```
#bd6616 rgb(189,102,22)
```
#cf7018
```
#cf7018 rgb(207,112,24)
```
#e17a1a
```
#e17a1a rgb(225,122,26)
```

Shade Color Variation

#e68328
```
#e68328 rgb(230,131,40)
```
#e88e3a
```
#e88e3a rgb(232,142,58)
```
#ea984b
```
#ea984b rgb(234,152,75)
```
#eca25d
```
#eca25d rgb(236,162,93)
```
#eeac6e
```
#eeac6e rgb(238,172,110)
```
#f0b680
```
#f0b680 rgb(240,182,128)
```
#f2c092
```
#f2c092 rgb(242,192,146)
```
#f4caa3
```
#f4caa3 rgb(244,202,163)
```
#f6d4b5
```
#f6d4b5 rgb(246,212,181)
```
#f8dec6
```
#f8dec6 rgb(248,222,198)
```
#fae9d8
```
#fae9d8 rgb(250,233,216)
```
#fdf3e9
```
#fdf3e9 rgb(253,243,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#767371
```
#767371 rgb(118,115,113)
```
#7f7368
```
#7f7368 rgb(127,115,104)
```
#88735f
```
#88735f rgb(136,115,95)
```
#917256
```
#917256 rgb(145,114,86)
```
#9a724d
```
#9a724d rgb(154,114,77)
```
#a37244
```
#a37244 rgb(163,114,68)
```
#ab713c
```
#ab713c rgb(171,113,60)
```
#b47133
```
#b47133 rgb(180,113,51)
```
#bd712a
```
#bd712a rgb(189,113,42)
```
#c67021
```
#c67021 rgb(198,112,33)
```
#cf7018
```
#cf7018 rgb(207,112,24)
```
#d8700f
```
#d8700f rgb(216,112,15)
```
#e16f06
```
#e16f06 rgb(225,111,6)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#917e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f2a Protanopia 1% of men
#b28818 Deuteranopia 1% of men
#d56f77 Tritanopia 0.001% of the population

Trichromacy

#b08323 Protanomaly 1% of men, 0.01% of women
#bc7f18 Deuteranomaly 6% of men, 0.4% of women
#d26f54 Tritanomaly 0.01% of the population

#cf7018 hex color

#cf7018 Color Information

#cf7018 Color Conversion

Color Schemes with #cf7018

Alternatives to #cf7018

#cf7018 Preview

Shades and Tints of #cf7018

Tones of #cf7018

Color Blindness Simulator