#f0b400 hex color

In a RGB color space, hex #f0b400 is composed of 94.1% red, 70.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25% magenta, 100% yellow and 5.9% black. It has a hue angle of 45 degrees, a saturation of 100% and a lightness of 47.1%. #f0b400 color hex could be obtained by blending #ffff00 with #e16900. 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

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

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

Hex triplet	f0b400	`#f0b400`
RGB Decimal	240, 180, 0	`rgb(240,180,0)`
RGB Percent	94.1, 70.6, 0	`rgb(94.1%,70.6%,0%)`
CMYK	0, 25, 100, 6
HSL	45°, 100, 47.1	`hsl(45,100%,47.1%)`
HSV (or HSB)	45°, 100, 94.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	76.782, 9.689, 79.376
XYZ	52.258, 51.171, 7.125
xyY	0.473, 0.463, 51.171
CIE-LCH	76.782, 79.966, 83.041
CIE-LUV	76.782, 50.56, 78.999
Hunter-Lab	71.534, 5.216, 44.168
Binary	11110000, 10110100, 00000000

#f0b400
```
#f0b400 rgb(240,180,0)
```
#003cf0
```
#003cf0 rgb(0,60,240)
```

Complementary Color

#f03c00
```
#f03c00 rgb(240,60,0)
```
#f0b400
```
#f0b400 rgb(240,180,0)
```
#b4f000
```
#b4f000 rgb(180,240,0)
```

Analogous Color

#3c00f0
```
#3c00f0 rgb(60,0,240)
```
#f0b400
```
#f0b400 rgb(240,180,0)
```
#00b4f0
```
#00b4f0 rgb(0,180,240)
```

Split Complementary Color

#b400f0
```
#b400f0 rgb(180,0,240)
```
#f0b400
```
#f0b400 rgb(240,180,0)
```
#00f0b4
```
#00f0b4 rgb(0,240,180)
```

Triadic Color

#f0003c
```
#f0003c rgb(240,0,60)
```
#f0b400
```
#f0b400 rgb(240,180,0)
```
#00f0b4
```
#00f0b4 rgb(0,240,180)
```
#003cf0
```
#003cf0 rgb(0,60,240)
```

Tetradic Color

#a47b00
```
#a47b00 rgb(164,123,0)
```
#bd8e00
```
#bd8e00 rgb(189,142,0)
```
#d7a100
```
#d7a100 rgb(215,161,0)
```
#f0b400
```
#f0b400 rgb(240,180,0)
```
#ffc20b
```
#ffc20b rgb(255,194,11)
```
#ffc824
```
#ffc824 rgb(255,200,36)
```
#ffcf3e
```
#ffcf3e rgb(255,207,62)
```

Monochromatic Color

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

#f07800
```
#f07800 rgb(240,120,0)
```
#f08c00
```
#f08c00 rgb(240,140,0)
```
#f0a000
```
#f0a000 rgb(240,160,0)
```
#f0b400
```
#f0b400 rgb(240,180,0)
```
#f0c800
```
#f0c800 rgb(240,200,0)
```
#f0dc00
```
#f0dc00 rgb(240,220,0)
```
#f0f000
```
#f0f000 rgb(240,240,0)
```

Similar Colors

Text with hexadecimal color #f0b400

This text has a font color of #f0b400.

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

#f0b400 background color

This paragraph has a background color of #f0b400.

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

#f0b400 border color

This element has a border color of #f0b400.

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

CSS codes

.text {color:#f0b400;}

.background {background-color:#f0b400;}

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

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)
```
#533e00
```
#533e00 rgb(83,62,0)
```
#674d00
```
#674d00 rgb(103,77,0)
```
#7a5c00
```
#7a5c00 rgb(122,92,0)
```
#8e6a00
```
#8e6a00 rgb(142,106,0)
```
#a27900
```
#a27900 rgb(162,121,0)
```
#b58800
```
#b58800 rgb(181,136,0)
```
#c99700
```
#c99700 rgb(201,151,0)
```
#dca500
```
#dca500 rgb(220,165,0)
```
#f0b400
```
#f0b400 rgb(240,180,0)
```

Shade Color Variation

#ffc005
```
#ffc005 rgb(255,192,5)
```
#ffc518
```
#ffc518 rgb(255,197,24)
```
#ffca2c
```
#ffca2c rgb(255,202,44)
```
#ffcf3f
```
#ffcf3f rgb(255,207,63)
```
#ffd453
```
#ffd453 rgb(255,212,83)
```
#ffd967
```
#ffd967 rgb(255,217,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)
```
#fff1c9
```
#fff1c9 rgb(255,241,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 #f0b400 is the most saturated one.

#817d6f
```
#817d6f rgb(129,125,111)
```
#8a8166
```
#8a8166 rgb(138,129,102)
```
#94865c
```
#94865c rgb(148,134,92)
```
#9d8a53
```
#9d8a53 rgb(157,138,83)
```
#a68f4a
```
#a68f4a rgb(166,143,74)
```
#af9441
```
#af9441 rgb(175,148,65)
```
#b99837
```
#b99837 rgb(185,152,55)
```
#c29d2e
```
#c29d2e rgb(194,157,46)
```
#cba225
```
#cba225 rgb(203,162,37)
```
#d4a61c
```
#d4a61c rgb(212,166,28)
```
#deab12
```
#deab12 rgb(222,171,18)
```
#e7af09
```
#e7af09 rgb(231,175,9)
```
#f0b400
```
#f0b400 rgb(240,180,0)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#beb28e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c10f Protanopia 1% of men
#f1b706 Deuteranopia 1% of men
#f9abb7 Tritanopia 0.001% of the population

Trichromacy

#e1bc0a Protanomaly 1% of men, 0.01% of women
#f0b604 Deuteranomaly 6% of men, 0.4% of women
#f6ae74 Tritanomaly 0.01% of the population

#f0b400 hex color

#f0b400 Color Information

#f0b400 Color Conversion

Color Schemes with #f0b400

Alternatives to #f0b400

#f0b400 Preview

Shades and Tints of #f0b400

Tones of #f0b400

Color Blindness Simulator