#ff8d40 hex color

In a RGB color space, hex #ff8d40 is composed of 100% red, 55.3% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.7% magenta, 74.9% yellow and 0% black. It has a hue angle of 24.2 degrees, a saturation of 100% and a lightness of 62.5%. #ff8d40 color hex could be obtained by blending #ffff80 with #ff1b00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 100
- G 55
- B 25
RGB color chart
- C 0
- M 45
- Y 75
- K 0
CMYK color chart

● #ff8d40 color description : Light orange.

The hexadecimal color #ff8d40 has RGB values of R:255, G:141, B:64 and CMYK values of C:0, M:0.45, Y:0.75, K:0. Its decimal value is 16747840.

Hex triplet	ff8d40	`#ff8d40`
RGB Decimal	255, 141, 64	`rgb(255,141,64)`
RGB Percent	100, 55.3, 25.1	`rgb(100%,55.3%,25.1%)`
CMYK	0, 45, 75, 0
HSL	24.2°, 100, 62.5	`hsl(24.2,100%,62.5%)`
HSV (or HSB)	24.2°, 74.9, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	69.954, 37.637, 58.019
XYZ	51.692, 40.684, 9.981
xyY	0.505, 0.397, 40.684
CIE-LCH	69.954, 69.158, 57.028
CIE-LUV	69.954, 91.851, 55.357
Hunter-Lab	63.784, 33.037, 35.371
Binary	11111111, 10001101, 01000000

#ff8d40
```
#ff8d40 rgb(255,141,64)
```
#40b2ff
```
#40b2ff rgb(64,178,255)
```

Complementary Color

#ff4053
```
#ff4053 rgb(255,64,83)
```
#ff8d40
```
#ff8d40 rgb(255,141,64)
```
#ffed40
```
#ffed40 rgb(255,237,64)
```

Analogous Color

#4053ff
```
#4053ff rgb(64,83,255)
```
#ff8d40
```
#ff8d40 rgb(255,141,64)
```
#40ffed
```
#40ffed rgb(64,255,237)
```

Split Complementary Color

#8d40ff
```
#8d40ff rgb(141,64,255)
```
#ff8d40
```
#ff8d40 rgb(255,141,64)
```
#40ff8d
```
#40ff8d rgb(64,255,141)
```

Triadic Color

#ff40b2
```
#ff40b2 rgb(255,64,178)
```
#ff8d40
```
#ff8d40 rgb(255,141,64)
```
#40ff8d
```
#40ff8d rgb(64,255,141)
```
#40b2ff
```
#40b2ff rgb(64,178,255)
```

Tetradic Color

#f36200
```
#f36200 rgb(243,98,0)
```
#ff6f0d
```
#ff6f0d rgb(255,111,13)
```
#ff7e27
```
#ff7e27 rgb(255,126,39)
```
#ff8d40
```
#ff8d40 rgb(255,141,64)
```
#ff9c5a
```
#ff9c5a rgb(255,156,90)
```
#ffab73
```
#ffab73 rgb(255,171,115)
```
#ffbb8d
```
#ffbb8d rgb(255,187,141)
```

Monochromatic Color

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

#ff5d40
```
#ff5d40 rgb(255,93,64)
```
#ff6d40
```
#ff6d40 rgb(255,109,64)
```
#ff7d40
```
#ff7d40 rgb(255,125,64)
```
#ff8d40
```
#ff8d40 rgb(255,141,64)
```
#ff9d40
```
#ff9d40 rgb(255,157,64)
```
#ffad40
```
#ffad40 rgb(255,173,64)
```
#ffbd40
```
#ffbd40 rgb(255,189,64)
```

Similar Colors

Text with hexadecimal color #ff8d40

This text has a font color of #ff8d40.

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

#ff8d40 background color

This paragraph has a background color of #ff8d40.

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

#ff8d40 border color

This element has a border color of #ff8d40.

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

CSS codes

.text {color:#ff8d40;}

.background {background-color:#ff8d40;}

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

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

#050200
```
#050200 rgb(5,2,0)
```
#190a00
```
#190a00 rgb(25,10,0)
```
#2c1200
```
#2c1200 rgb(44,18,0)
```
#401a00
```
#401a00 rgb(64,26,0)
```
#542200
```
#542200 rgb(84,34,0)
```
#672a00
```
#672a00 rgb(103,42,0)
```
#7b3200
```
#7b3200 rgb(123,50,0)
```
#8e3900
```
#8e3900 rgb(142,57,0)
```
#a24100
```
#a24100 rgb(162,65,0)
```
#b64900
```
#b64900 rgb(182,73,0)
```
#c95100
```
#c95100 rgb(201,81,0)
```
#dd5900
```
#dd5900 rgb(221,89,0)
```
#f16100
```
#f16100 rgb(241,97,0)
```

Shade Color Variation

#ff6a05
```
#ff6a05 rgb(255,106,5)
```
#ff7619
```
#ff7619 rgb(255,118,25)
```
#ff812c
```
#ff812c rgb(255,129,44)
```
#ff8d40
```
#ff8d40 rgb(255,141,64)
```
#ff9954
```
#ff9954 rgb(255,153,84)
```
#ffa467
```
#ffa467 rgb(255,164,103)
```
#ffb07b
```
#ffb07b rgb(255,176,123)
```
#ffbc8e
```
#ffbc8e rgb(255,188,142)
```
#ffc8a2
```
#ffc8a2 rgb(255,200,162)
```
#ffd3b6
```
#ffd3b6 rgb(255,211,182)
```
#ffdfc9
```
#ffdfc9 rgb(255,223,201)
```
#ffebdd
```
#ffebdd rgb(255,235,221)
```
#fff6f1
```
#fff6f1 rgb(255,246,241)
```

Tint Color Variation

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

#a79e98
```
#a79e98 rgb(167,158,152)
```
#ae9d91
```
#ae9d91 rgb(174,157,145)
```
#b69b89
```
#b69b89 rgb(182,155,137)
```
#bd9a82
```
#bd9a82 rgb(189,154,130)
```
#c4987b
```
#c4987b rgb(196,152,123)
```
#cc9773
```
#cc9773 rgb(204,151,115)
```
#d3966c
```
#d3966c rgb(211,150,108)
```
#da9465
```
#da9465 rgb(218,148,101)
```
#e2935d
```
#e2935d rgb(226,147,93)
```
#e99156
```
#e99156 rgb(233,145,86)
```
#f0904f
```
#f0904f rgb(240,144,79)
```
#f88e47
```
#f88e47 rgb(248,142,71)
```
#ff8d40
```
#ff8d40 rgb(255,141,64)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b8a192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1af52 Protanopia 1% of men
#d8a742 Deuteranopia 1% of men
#ff8d95 Tritanopia 0.001% of the population

Trichromacy

#d8a24b Protanomaly 1% of men, 0.01% of women
#e69d41 Deuteranomaly 6% of men, 0.4% of women
#ff8d76 Tritanomaly 0.01% of the population

#ff8d40 hex color

#ff8d40 Color Information

#ff8d40 Color Conversion

Color Schemes with #ff8d40

Alternatives to #ff8d40

#ff8d40 Preview

Shades and Tints of #ff8d40

Tones of #ff8d40

Color Blindness Simulator