#ff7018 hex color

In a RGB color space, hex #ff7018 is composed of 100% red, 43.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 90.6% yellow and 0% black. It has a hue angle of 22.9 degrees, a saturation of 100% and a lightness of 54.7%. #ff7018 color hex could be obtained by blending #ffe030 with #ff0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 100
- G 44
- B 9
RGB color chart
- C 0
- M 56
- Y 91
- K 0
CMYK color chart

● #ff7018 color description : Vivid orange.

The hexadecimal color #ff7018 has RGB values of R:255, G:112, B:24 and CMYK values of C:0, M:0.56, Y:0.91, K:0. Its decimal value is 16740376.

Hex triplet	ff7018	`#ff7018`
RGB Decimal	255, 112, 24	`rgb(255,112,24)`
RGB Percent	100, 43.9, 9.4	`rgb(100%,43.9%,9.4%)`
CMYK	0, 56, 91, 0
HSL	22.9°, 100, 54.7	`hsl(22.9,100%,54.7%)`
HSV (or HSB)	22.9°, 90.6, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	64.095, 50.712, 67.776
XYZ	47.201, 32.919, 4.733
xyY	0.556, 0.388, 32.919
CIE-LCH	64.095, 84.648, 53.195
CIE-LUV	64.095, 118.515, 54.418
Hunter-Lab	57.375, 46.44, 35.272
Binary	11111111, 01110000, 00011000

#ff7018
```
#ff7018 rgb(255,112,24)
```
#18a7ff
```
#18a7ff rgb(24,167,255)
```

Complementary Color

#ff1834
```
#ff1834 rgb(255,24,52)
```
#ff7018
```
#ff7018 rgb(255,112,24)
```
#ffe418
```
#ffe418 rgb(255,228,24)
```

Analogous Color

#1834ff
```
#1834ff rgb(24,52,255)
```
#ff7018
```
#ff7018 rgb(255,112,24)
```
#18ffe4
```
#18ffe4 rgb(24,255,228)
```

Split Complementary Color

#7018ff
```
#7018ff rgb(112,24,255)
```
#ff7018
```
#ff7018 rgb(255,112,24)
```
#18ff70
```
#18ff70 rgb(24,255,112)
```

Triadic Color

#ff18a7
```
#ff18a7 rgb(255,24,167)
```
#ff7018
```
#ff7018 rgb(255,112,24)
```
#18ff70
```
#18ff70 rgb(24,255,112)
```
#18a7ff
```
#18a7ff rgb(24,167,255)
```

Tetradic Color

#cb4d00
```
#cb4d00 rgb(203,77,0)
```
#e45700
```
#e45700 rgb(228,87,0)
```
#fe6100
```
#fe6100 rgb(254,97,0)
```
#ff7018
```
#ff7018 rgb(255,112,24)
```
#ff8032
```
#ff8032 rgb(255,128,50)
```
#ff904b
```
#ff904b rgb(255,144,75)
```
#ff9f65
```
#ff9f65 rgb(255,159,101)
```

Monochromatic Color

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

#ff3618
```
#ff3618 rgb(255,54,24)
```
#ff4918
```
#ff4918 rgb(255,73,24)
```
#ff5d18
```
#ff5d18 rgb(255,93,24)
```
#ff7018
```
#ff7018 rgb(255,112,24)
```
#ff8318
```
#ff8318 rgb(255,131,24)
```
#ff9718
```
#ff9718 rgb(255,151,24)
```
#ffaa18
```
#ffaa18 rgb(255,170,24)
```

Similar Colors

Text with hexadecimal color #ff7018

This text has a font color of #ff7018.

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

#ff7018 background color

This paragraph has a background color of #ff7018.

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

#ff7018 border color

This element has a border color of #ff7018.

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

CSS codes

.text {color:#ff7018;}

.background {background-color:#ff7018;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#180900
```
#180900 rgb(24,9,0)
```
#2c1100
```
#2c1100 rgb(44,17,0)
```
#3f1800
```
#3f1800 rgb(63,24,0)
```
#532000
```
#532000 rgb(83,32,0)
```
#662700
```
#662700 rgb(102,39,0)
```
#7a2f00
```
#7a2f00 rgb(122,47,0)
```
#8e3600
```
#8e3600 rgb(142,54,0)
```
#a13d00
```
#a13d00 rgb(161,61,0)
```
#b54500
```
#b54500 rgb(181,69,0)
```
#c94c00
```
#c94c00 rgb(201,76,0)
```
#dc5400
```
#dc5400 rgb(220,84,0)
```
#f05b00
```
#f05b00 rgb(240,91,0)
```

Shade Color Variation

#ff6404
```
#ff6404 rgb(255,100,4)
```
#ff7018
```
#ff7018 rgb(255,112,24)
```
#ff7c2c
```
#ff7c2c rgb(255,124,44)
```
#ff883f
```
#ff883f rgb(255,136,63)
```
#ff9453
```
#ff9453 rgb(255,148,83)
```
#ffa166
```
#ffa166 rgb(255,161,102)
```
#ffad7a
```
#ffad7a rgb(255,173,122)
```
#ffb98e
```
#ffb98e rgb(255,185,142)
```
#ffc5a1
```
#ffc5a1 rgb(255,197,161)
```
#ffd1b5
```
#ffd1b5 rgb(255,209,181)
```
#ffddc9
```
#ffddc9 rgb(255,221,201)
```
#ffe9dc
```
#ffe9dc rgb(255,233,220)
```
#fff6f0
```
#fff6f0 rgb(255,246,240)
```

Tint Color Variation

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

#948983
```
#948983 rgb(148,137,131)
```
#9d877a
```
#9d877a rgb(157,135,122)
```
#a68571
```
#a68571 rgb(166,133,113)
```
#af8368
```
#af8368 rgb(175,131,104)
```
#b8815f
```
#b8815f rgb(184,129,95)
```
#c17f56
```
#c17f56 rgb(193,127,86)
```
#ca7d4d
```
#ca7d4d rgb(202,125,77)
```
#d37b44
```
#d37b44 rgb(211,123,68)
```
#db783c
```
#db783c rgb(219,120,60)
```
#e47633
```
#e47633 rgb(228,118,51)
```
#ed742a
```
#ed742a rgb(237,116,42)
```
#f67221
```
#f67221 rgb(246,114,33)
```
#ff7018
```
#ff7018 rgb(255,112,24)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a78a79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a02e Protanopia 1% of men
#c89800 Deuteranopia 1% of men
#ff7278 Tritanopia 0.001% of the population

Trichromacy

#ce8f26 Protanomaly 1% of men, 0.01% of women
#dc8908 Deuteranomaly 6% of men, 0.4% of women
#ff7155 Tritanomaly 0.01% of the population

#ff7018 hex color

#ff7018 Color Information

#ff7018 Color Conversion

Color Schemes with #ff7018

Alternatives to #ff7018

#ff7018 Preview

Shades and Tints of #ff7018

Tones of #ff7018

Color Blindness Simulator