colorhexa.com

#f0a80d hex color

In a RGB color space, hex #f0a80d is composed of 94.1% red, 65.9% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30% magenta, 94.6% yellow and 5.9% black. It has a hue angle of 41 degrees, a saturation of 89.7% and a lightness of 49.6%. #f0a80d color hex could be obtained by blending #ffff1a with #e15100. Closest websafe color is: #ff9900.

- R 94
- G 66
- B 5
RGB color chart
- C 0
- M 30
- Y 95
- K 6
CMYK color chart

● #f0a80d color description : Vivid orange.

The hexadecimal color #f0a80d has RGB values of R:240, G:168, B:13 and CMYK values of C:0, M:0.3, Y:0.95, K:0.06. Its decimal value is 15771661.

Hex triplet	f0a80d	`#f0a80d`
RGB Decimal	240, 168, 13	`rgb(240,168,13)`
RGB Percent	94.1, 65.9, 5.1	`rgb(94.1%,65.9%,5.1%)`
CMYK	0, 30, 95, 6
HSL	41°, 89.7, 49.6	`hsl(41,89.7%,49.6%)`
HSV (or HSB)	41°, 94.6, 94.1
Web Safe	ff9900	`#ff9900`

CIE-LAB	73.909, 16.119, 75.922
XYZ	50.012, 46.563, 6.734
xyY	0.484, 0.451, 46.563
CIE-LCH	73.909, 77.614, 78.014
CIE-LUV	73.909, 59.97, 73.844
Hunter-Lab	68.237, 11.41, 41.914
Binary	11110000, 10101000, 00001101

#f0a80d
```
#f0a80d rgb(240,168,13)
```
#0d55f0
```
#0d55f0 rgb(13,85,240)
```

Complementary Color

#f0370d
```
#f0370d rgb(240,55,13)
```
#f0a80d
```
#f0a80d rgb(240,168,13)
```
#c7f00d
```
#c7f00d rgb(199,240,13)
```

Analogous Color

#370df0
```
#370df0 rgb(55,13,240)
```
#f0a80d
```
#f0a80d rgb(240,168,13)
```
#0dc7f0
```
#0dc7f0 rgb(13,199,240)
```

Split Complementary Color

#a80df0
```
#a80df0 rgb(168,13,240)
```
#f0a80d
```
#f0a80d rgb(240,168,13)
```
#0df0a8
```
#0df0a8 rgb(13,240,168)
```

Triadic Color

#f00d55
```
#f00d55 rgb(240,13,85)
```
#f0a80d
```
#f0a80d rgb(240,168,13)
```
#0df0a8
```
#0df0a8 rgb(13,240,168)
```
#0d55f0
```
#0d55f0 rgb(13,85,240)
```

Tetradic Color

#a77509
```
#a77509 rgb(167,117,9)
```
#c0860a
```
#c0860a rgb(192,134,10)
```
#d8970c
```
#d8970c rgb(216,151,12)
```
#f0a80d
```
#f0a80d rgb(240,168,13)
```
#f3b123
```
#f3b123 rgb(243,177,35)
```
#f4ba3c
```
#f4ba3c rgb(244,186,60)
```
#f6c254
```
#f6c254 rgb(246,194,84)
```

Monochromatic Color

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

#f06f0d
```
#f06f0d rgb(240,111,13)
```
#f0820d
```
#f0820d rgb(240,130,13)
```
#f0950d
```
#f0950d rgb(240,149,13)
```
#f0a80d
```
#f0a80d rgb(240,168,13)
```
#f0bb0d
```
#f0bb0d rgb(240,187,13)
```
#f0ce0d
```
#f0ce0d rgb(240,206,13)
```
#f0e10d
```
#f0e10d rgb(240,225,13)
```

Similar Colors

Text with hexadecimal color #f0a80d

This text has a font color of #f0a80d.

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

#f0a80d background color

This paragraph has a background color of #f0a80d.

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

#f0a80d border color

This element has a border color of #f0a80d.

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

CSS codes

.text {color:#f0a80d;}

.background {background-color:#f0a80d;}

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

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, #110c01 is the darkest color, while #fffefd is the lightest one.

#110c01
```
#110c01 rgb(17,12,1)
```
#231902
```
#231902 rgb(35,25,2)
```
#362603
```
#362603 rgb(54,38,3)
```
#493304
```
#493304 rgb(73,51,4)
```
#5b4005
```
#5b4005 rgb(91,64,5)
```
#6e4d06
```
#6e4d06 rgb(110,77,6)
```
#805a07
```
#805a07 rgb(128,90,7)
```
#936708
```
#936708 rgb(147,103,8)
```
#a67409
```
#a67409 rgb(166,116,9)
```
#b8810a
```
#b8810a rgb(184,129,10)
```
#cb8e0b
```
#cb8e0b rgb(203,142,11)
```
#dd9b0c
```
#dd9b0c rgb(221,155,12)
```
#f0a80d
```
#f0a80d rgb(240,168,13)
```

Shade Color Variation

#f3af1e
```
#f3af1e rgb(243,175,30)
```
#f4b630
```
#f4b630 rgb(244,182,48)
```
#f5bc43
```
#f5bc43 rgb(245,188,67)
```
#f6c356
```
#f6c356 rgb(246,195,86)
```
#f7ca68
```
#f7ca68 rgb(247,202,104)
```
#f8d07b
```
#f8d07b rgb(248,208,123)
```
#f9d78d
```
#f9d78d rgb(249,215,141)
```
#fadda0
```
#fadda0 rgb(250,221,160)
```
#fbe4b3
```
#fbe4b3 rgb(251,228,179)
```
#fcebc5
```
#fcebc5 rgb(252,235,197)
```
#fdf1d8
```
#fdf1d8 rgb(253,241,216)
```
#fef8ea
```
#fef8ea rgb(254,248,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#858178
```
#858178 rgb(133,129,120)
```
#8f846e
```
#8f846e rgb(143,132,110)
```
#988865
```
#988865 rgb(152,136,101)
```
#a28c5b
```
#a28c5b rgb(162,140,91)
```
#ac8f51
```
#ac8f51 rgb(172,143,81)
```
#b69347
```
#b69347 rgb(182,147,71)
```
#bf963e
```
#bf963e rgb(191,150,62)
```
#c99a34
```
#c99a34 rgb(201,154,52)
```
#d39d2a
```
#d39d2a rgb(211,157,42)
```
#dda120
```
#dda120 rgb(221,161,32)
```
#e6a417
```
#e6a417 rgb(230,164,23)
```
#f0a80d
```
#f0a80d rgb(240,168,13)
```
#faac03
```
#faac03 rgb(250,172,3)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#baab8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb91e Protanopia 1% of men
#e8b013 Deuteranopia 1% of men
#f8a1ac Tritanopia 0.001% of the population

Trichromacy

#dbb318 Protanomaly 1% of men, 0.01% of women
#eaad10 Deuteranomaly 6% of men, 0.4% of women
#f5a372 Tritanomaly 0.01% of the population