#f0b500 hex color

In a RGB color space, hex #f0b500 is composed of 94.1% red, 71% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.6% magenta, 100% yellow and 5.9% black. It has a hue angle of 45.3 degrees, a saturation of 100% and a lightness of 47.1%. #f0b500 color hex could be obtained by blending #ffff00 with #e16b00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 94
- G 71
- B 0
RGB color chart
- C 0
- M 25
- Y 100
- K 6
CMYK color chart

● #f0b500 color description : Pure (or mostly pure) yellow.

The hexadecimal color #f0b500 has RGB values of R:240, G:181, B:0 and CMYK values of C:0, M:0.25, Y:1, K:0.06. Its decimal value is 15774976.

Hex triplet	f0b500	`#f0b500`
RGB Decimal	240, 181, 0	`rgb(240,181,0)`
RGB Percent	94.1, 71, 0	`rgb(94.1%,71%,0%)`
CMYK	0, 25, 100, 6
HSL	45.3°, 100, 47.1	`hsl(45.3,100%,47.1%)`
HSV (or HSB)	45.3°, 100, 94.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	77.027, 9.165, 79.544
XYZ	52.46, 51.576, 7.192
xyY	0.472, 0.464, 51.576
CIE-LCH	77.027, 80.07, 83.427
CIE-LUV	77.027, 49.775, 79.366
Hunter-Lab	71.816, 4.711, 44.334
Binary	11110000, 10110101, 00000000

#f0b500
```
#f0b500 rgb(240,181,0)
```
#003bf0
```
#003bf0 rgb(0,59,240)
```

Complementary Color

#f03d00
```
#f03d00 rgb(240,61,0)
```
#f0b500
```
#f0b500 rgb(240,181,0)
```
#b3f000
```
#b3f000 rgb(179,240,0)
```

Analogous Color

#3d00f0
```
#3d00f0 rgb(61,0,240)
```
#f0b500
```
#f0b500 rgb(240,181,0)
```
#00b3f0
```
#00b3f0 rgb(0,179,240)
```

Split Complementary Color

#b500f0
```
#b500f0 rgb(181,0,240)
```
#f0b500
```
#f0b500 rgb(240,181,0)
```
#00f0b5
```
#00f0b5 rgb(0,240,181)
```

Triadic Color

#f0003b
```
#f0003b rgb(240,0,59)
```
#f0b500
```
#f0b500 rgb(240,181,0)
```
#00f0b5
```
#00f0b5 rgb(0,240,181)
```
#003bf0
```
#003bf0 rgb(0,59,240)
```

Tetradic Color

#a47b00
```
#a47b00 rgb(164,123,0)
```
#bd8f00
```
#bd8f00 rgb(189,143,0)
```
#d7a200
```
#d7a200 rgb(215,162,0)
```
#f0b500
```
#f0b500 rgb(240,181,0)
```
#ffc30b
```
#ffc30b rgb(255,195,11)
```
#ffc924
```
#ffc924 rgb(255,201,36)
```
#ffcf3e
```
#ffcf3e rgb(255,207,62)
```

Monochromatic Color

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

#f07900
```
#f07900 rgb(240,121,0)
```
#f08d00
```
#f08d00 rgb(240,141,0)
```
#f0a100
```
#f0a100 rgb(240,161,0)
```
#f0b500
```
#f0b500 rgb(240,181,0)
```
#f0c900
```
#f0c900 rgb(240,201,0)
```
#f0dd00
```
#f0dd00 rgb(240,221,0)
```
#eff000
```
#eff000 rgb(239,240,0)
```

Similar Colors

Text with hexadecimal color #f0b500

This text has a font color of #f0b500.

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

#f0b500 background color

This paragraph has a background color of #f0b500.

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

#f0b500 border color

This element has a border color of #f0b500.

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

CSS codes

.text {color:#f0b500;}

.background {background-color:#f0b500;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#181200
```
#181200 rgb(24,18,0)
```
#2c2100
```
#2c2100 rgb(44,33,0)
```
#3f3000
```
#3f3000 rgb(63,48,0)
```
#533f00
```
#533f00 rgb(83,63,0)
```
#674d00
```
#674d00 rgb(103,77,0)
```
#7a5c00
```
#7a5c00 rgb(122,92,0)
```
#8e6b00
```
#8e6b00 rgb(142,107,0)
```
#a27a00
```
#a27a00 rgb(162,122,0)
```
#b58900
```
#b58900 rgb(181,137,0)
```
#c99700
```
#c99700 rgb(201,151,0)
```
#dca600
```
#dca600 rgb(220,166,0)
```
#f0b500
```
#f0b500 rgb(240,181,0)
```

Shade Color Variation

#ffc105
```
#ffc105 rgb(255,193,5)
```
#ffc618
```
#ffc618 rgb(255,198,24)
```
#ffcb2c
```
#ffcb2c rgb(255,203,44)
```
#ffd03f
```
#ffd03f rgb(255,208,63)
```
#ffd553
```
#ffd553 rgb(255,213,83)
```
#ffda67
```
#ffda67 rgb(255,218,103)
```
#ffde7a
```
#ffde7a rgb(255,222,122)
```
#ffe38e
```
#ffe38e rgb(255,227,142)
```
#ffe8a2
```
#ffe8a2 rgb(255,232,162)
```
#ffedb5
```
#ffedb5 rgb(255,237,181)
```
#fff2c9
```
#fff2c9 rgb(255,242,201)
```
#fff6dc
```
#fff6dc rgb(255,246,220)
```
#fffbf0
```
#fffbf0 rgb(255,251,240)
```

Tint Color Variation

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

#817d6f
```
#817d6f rgb(129,125,111)
```
#8a8166
```
#8a8166 rgb(138,129,102)
```
#94865c
```
#94865c rgb(148,134,92)
```
#9d8b53
```
#9d8b53 rgb(157,139,83)
```
#a68f4a
```
#a68f4a rgb(166,143,74)
```
#af9441
```
#af9441 rgb(175,148,65)
```
#b99937
```
#b99937 rgb(185,153,55)
```
#c29e2e
```
#c29e2e rgb(194,158,46)
```
#cba225
```
#cba225 rgb(203,162,37)
```
#d4a71c
```
#d4a71c rgb(212,167,28)
```
#deac12
```
#deac12 rgb(222,172,18)
```
#e7b009
```
#e7b009 rgb(231,176,9)
```
#f0b500
```
#f0b500 rgb(240,181,0)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#beb38e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c10f Protanopia 1% of men
#f2b809 Deuteranopia 1% of men
#f9acb8 Tritanopia 0.001% of the population

Trichromacy

#e1bd09 Protanomaly 1% of men, 0.01% of women
#f1b705 Deuteranomaly 6% of men, 0.4% of women
#f6af75 Tritanomaly 0.01% of the population

#f0b500 hex color

#f0b500 Color Information

#f0b500 Color Conversion

Color Schemes with #f0b500

Alternatives to #f0b500

#f0b500 Preview

Shades and Tints of #f0b500

Tones of #f0b500

Color Blindness Simulator