#ff6318 hex color

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

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

● #ff6318 color description : Vivid orange.

The hexadecimal color #ff6318 has RGB values of R:255, G:99, B:24 and CMYK values of C:0, M:0.61, Y:0.91, K:0. Its decimal value is 16737048.

Hex triplet	ff6318	`#ff6318`
RGB Decimal	255, 99, 24	`rgb(255,99,24)`
RGB Percent	100, 38.8, 9.4	`rgb(100%,38.8%,9.4%)`
CMYK	0, 61, 91, 0
HSL	19.5°, 100, 54.7	`hsl(19.5,100%,54.7%)`
HSV (or HSB)	19.5°, 90.6, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	61.873, 56.529, 66.217
XYZ	45.869, 30.255, 4.289
xyY	0.57, 0.376, 30.255
CIE-LCH	61.873, 87.064, 49.513
CIE-LUV	61.873, 128.795, 50.601
Hunter-Lab	55.004, 52.596, 33.88
Binary	11111111, 01100011, 00011000

#ff6318
```
#ff6318 rgb(255,99,24)
```
#18b4ff
```
#18b4ff rgb(24,180,255)
```

Complementary Color

#ff1841
```
#ff1841 rgb(255,24,65)
```
#ff6318
```
#ff6318 rgb(255,99,24)
```
#ffd718
```
#ffd718 rgb(255,215,24)
```

Analogous Color

#1841ff
```
#1841ff rgb(24,65,255)
```
#ff6318
```
#ff6318 rgb(255,99,24)
```
#18ffd7
```
#18ffd7 rgb(24,255,215)
```

Split Complementary Color

#6318ff
```
#6318ff rgb(99,24,255)
```
#ff6318
```
#ff6318 rgb(255,99,24)
```
#18ff63
```
#18ff63 rgb(24,255,99)
```

Triadic Color

#ff18b4
```
#ff18b4 rgb(255,24,180)
```
#ff6318
```
#ff6318 rgb(255,99,24)
```
#18ff63
```
#18ff63 rgb(24,255,99)
```
#18b4ff
```
#18b4ff rgb(24,180,255)
```

Tetradic Color

#cb4200
```
#cb4200 rgb(203,66,0)
```
#e44a00
```
#e44a00 rgb(228,74,0)
```
#fe5200
```
#fe5200 rgb(254,82,0)
```
#ff6318
```
#ff6318 rgb(255,99,24)
```
#ff7432
```
#ff7432 rgb(255,116,50)
```
#ff854b
```
#ff854b rgb(255,133,75)
```
#ff9765
```
#ff9765 rgb(255,151,101)
```

Monochromatic Color

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

#ff2918
```
#ff2918 rgb(255,41,24)
```
#ff3c18
```
#ff3c18 rgb(255,60,24)
```
#ff5018
```
#ff5018 rgb(255,80,24)
```
#ff6318
```
#ff6318 rgb(255,99,24)
```
#ff7618
```
#ff7618 rgb(255,118,24)
```
#ff8a18
```
#ff8a18 rgb(255,138,24)
```
#ff9d18
```
#ff9d18 rgb(255,157,24)
```

Similar Colors

Text with hexadecimal color #ff6318

This text has a font color of #ff6318.

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

#ff6318 background color

This paragraph has a background color of #ff6318.

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

#ff6318 border color

This element has a border color of #ff6318.

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

CSS codes

.text {color:#ff6318;}

.background {background-color:#ff6318;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#180800
```
#180800 rgb(24,8,0)
```
#2c0e00
```
#2c0e00 rgb(44,14,0)
```
#3f1500
```
#3f1500 rgb(63,21,0)
```
#531b00
```
#531b00 rgb(83,27,0)
```
#662100
```
#662100 rgb(102,33,0)
```
#7a2800
```
#7a2800 rgb(122,40,0)
```
#8e2e00
```
#8e2e00 rgb(142,46,0)
```
#a13400
```
#a13400 rgb(161,52,0)
```
#b53b00
```
#b53b00 rgb(181,59,0)
```
#c94100
```
#c94100 rgb(201,65,0)
```
#dc4700
```
#dc4700 rgb(220,71,0)
```
#f04e00
```
#f04e00 rgb(240,78,0)
```

Shade Color Variation

#ff5604
```
#ff5604 rgb(255,86,4)
```
#ff6318
```
#ff6318 rgb(255,99,24)
```
#ff702c
```
#ff702c rgb(255,112,44)
```
#ff7d3f
```
#ff7d3f rgb(255,125,63)
```
#ff8b53
```
#ff8b53 rgb(255,139,83)
```
#ff9866
```
#ff9866 rgb(255,152,102)
```
#ffa57a
```
#ffa57a rgb(255,165,122)
```
#ffb28e
```
#ffb28e rgb(255,178,142)
```
#ffc0a1
```
#ffc0a1 rgb(255,192,161)
```
#ffcdb5
```
#ffcdb5 rgb(255,205,181)
```
#ffdac9
```
#ffdac9 rgb(255,218,201)
```
#ffe7dc
```
#ffe7dc rgb(255,231,220)
```
#fff5f0
```
#fff5f0 rgb(255,245,240)
```

Tint Color Variation

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

#948883
```
#948883 rgb(148,136,131)
```
#9d857a
```
#9d857a rgb(157,133,122)
```
#a68271
```
#a68271 rgb(166,130,113)
```
#af7f68
```
#af7f68 rgb(175,127,104)
```
#b87c5f
```
#b87c5f rgb(184,124,95)
```
#c17956
```
#c17956 rgb(193,121,86)
```
#ca764d
```
#ca764d rgb(202,118,77)
```
#d37344
```
#d37344 rgb(211,115,68)
```
#db6f3c
```
#db6f3c rgb(219,111,60)
```
#e46c33
```
#e46c33 rgb(228,108,51)
```
#ed692a
```
#ed692a rgb(237,105,42)
```
#f66621
```
#f66621 rgb(246,102,33)
```
#ff6318
```
#ff6318 rgb(255,99,24)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#a18172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b30 Protanopia 1% of men
#c19300 Deuteranopia 1% of men
#ff666b Tritanopia 0.001% of the population

Trichromacy

#ca8627 Protanomaly 1% of men, 0.01% of women
#d88108 Deuteranomaly 6% of men, 0.4% of women
#ff654d Tritanomaly 0.01% of the population

#ff6318 hex color

#ff6318 Color Information

#ff6318 Color Conversion

Color Schemes with #ff6318

Alternatives to #ff6318

#ff6318 Preview

Shades and Tints of #ff6318

Tones of #ff6318

Color Blindness Simulator