#f9b214 hex color

In a RGB color space, hex #f9b214 is composed of 97.6% red, 69.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.5% magenta, 92% yellow and 2.4% black. It has a hue angle of 41.4 degrees, a saturation of 95% and a lightness of 52.7%. #f9b214 color hex could be obtained by blending #ffff28 with #f36500. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 98
- G 70
- B 8
RGB color chart
- C 0
- M 29
- Y 92
- K 2
CMYK color chart

● #f9b214 color description : Vivid orange.

The hexadecimal color #f9b214 has RGB values of R:249, G:178, B:20 and CMYK values of C:0, M:0.29, Y:0.92, K:0.02. Its decimal value is 16364052.

Hex triplet	f9b214	`#f9b214`
RGB Decimal	249, 178, 20	`rgb(249,178,20)`
RGB Percent	97.6, 69.8, 7.8	`rgb(97.6%,69.8%,7.8%)`
CMYK	0, 29, 92, 2
HSL	41.4°, 95, 52.7	`hsl(41.4,95%,52.7%)`
HSV (or HSB)	41.4°, 92, 97.6
Web Safe	ff9900	`#ff9900`

CIE-LAB	77.301, 14.785, 77.792
XYZ	55.115, 52.034, 7.803
xyY	0.479, 0.453, 52.034
CIE-LCH	77.301, 79.184, 79.239
CIE-LUV	77.301, 59.084, 77.197
Hunter-Lab	72.135, 10.147, 44.081
Binary	11111001, 10110010, 00010100

#f9b214
```
#f9b214 rgb(249,178,20)
```
#145bf9
```
#145bf9 rgb(20,91,249)
```

Complementary Color

#f94014
```
#f94014 rgb(249,64,20)
```
#f9b214
```
#f9b214 rgb(249,178,20)
```
#cef914
```
#cef914 rgb(206,249,20)
```

Analogous Color

#4014f9
```
#4014f9 rgb(64,20,249)
```
#f9b214
```
#f9b214 rgb(249,178,20)
```
#14cef9
```
#14cef9 rgb(20,206,249)
```

Split Complementary Color

#b214f9
```
#b214f9 rgb(178,20,249)
```
#f9b214
```
#f9b214 rgb(249,178,20)
```
#14f9b2
```
#14f9b2 rgb(20,249,178)
```

Triadic Color

#f9145b
```
#f9145b rgb(249,20,91)
```
#f9b214
```
#f9b214 rgb(249,178,20)
```
#14f9b2
```
#14f9b2 rgb(20,249,178)
```
#145bf9
```
#145bf9 rgb(20,91,249)
```

Tetradic Color

#bc8305
```
#bc8305 rgb(188,131,5)
```
#d59405
```
#d59405 rgb(213,148,5)
```
#eda606
```
#eda606 rgb(237,166,6)
```
#f9b214
```
#f9b214 rgb(249,178,20)
```
#faba2d
```
#faba2d rgb(250,186,45)
```
#fac246
```
#fac246 rgb(250,194,70)
```
#fbca5f
```
#fbca5f rgb(251,202,95)
```

Monochromatic Color

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

#f97914
```
#f97914 rgb(249,121,20)
```
#f98c14
```
#f98c14 rgb(249,140,20)
```
#f99f14
```
#f99f14 rgb(249,159,20)
```
#f9b214
```
#f9b214 rgb(249,178,20)
```
#f9c514
```
#f9c514 rgb(249,197,20)
```
#f9d814
```
#f9d814 rgb(249,216,20)
```
#f9eb14
```
#f9eb14 rgb(249,235,20)
```

Similar Colors

Text with hexadecimal color #f9b214

This text has a font color of #f9b214.

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

#f9b214 background color

This paragraph has a background color of #f9b214.

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

#f9b214 border color

This element has a border color of #f9b214.

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

CSS codes

.text {color:#f9b214;}

.background {background-color:#f9b214;}

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

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, #0e0a00 is the darkest color, while #fffdfa is the lightest one.

#0e0a00
```
#0e0a00 rgb(14,10,0)
```
#211701
```
#211701 rgb(33,23,1)
```
#342401
```
#342401 rgb(52,36,1)
```
#473202
```
#473202 rgb(71,50,2)
```
#5a3f02
```
#5a3f02 rgb(90,63,2)
```
#6d4c03
```
#6d4c03 rgb(109,76,3)
```
#805a03
```
#805a03 rgb(128,90,3)
```
#946704
```
#946704 rgb(148,103,4)
```
#a77404
```
#a77404 rgb(167,116,4)
```
#ba8205
```
#ba8205 rgb(186,130,5)
```
#cd8f05
```
#cd8f05 rgb(205,143,5)
```
#e09c06
```
#e09c06 rgb(224,156,6)
```
#f3aa06
```
#f3aa06 rgb(243,170,6)
```

Shade Color Variation

#f9b214
```
#f9b214 rgb(249,178,20)
```
#f9b827
```
#f9b827 rgb(249,184,39)
```
#fabf3a
```
#fabf3a rgb(250,191,58)
```
#fac54d
```
#fac54d rgb(250,197,77)
```
#fbcb61
```
#fbcb61 rgb(251,203,97)
```
#fbd174
```
#fbd174 rgb(251,209,116)
```
#fcd887
```
#fcd887 rgb(252,216,135)
```
#fcde9a
```
#fcde9a rgb(252,222,154)
```
#fde4ad
```
#fde4ad rgb(253,228,173)
```
#fdeac0
```
#fdeac0 rgb(253,234,192)
```
#fef1d3
```
#fef1d3 rgb(254,241,211)
```
#fef7e6
```
#fef7e6 rgb(254,247,230)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#8a8883
```
#8a8883 rgb(138,136,131)
```
#938b7a
```
#938b7a rgb(147,139,122)
```
#9c8f71
```
#9c8f71 rgb(156,143,113)
```
#a69267
```
#a69267 rgb(166,146,103)
```
#af965e
```
#af965e rgb(175,150,94)
```
#b89955
```
#b89955 rgb(184,153,85)
```
#c19d4c
```
#c19d4c rgb(193,157,76)
```
#cba042
```
#cba042 rgb(203,160,66)
```
#d4a439
```
#d4a439 rgb(212,164,57)
```
#dda730
```
#dda730 rgb(221,167,48)
```
#e6ab27
```
#e6ab27 rgb(230,171,39)
```
#f0ae1d
```
#f0ae1d rgb(240,174,29)
```
#f9b214
```
#f9b214 rgb(249,178,20)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#c3b495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c224 Protanopia 1% of men
#f2b81c Deuteranopia 1% of men
#ffabb6 Tritanopia 0.001% of the population

Trichromacy

#e5bc1e Protanomaly 1% of men, 0.01% of women
#f5b619 Deuteranomaly 6% of men, 0.4% of women
#fcad7b Tritanomaly 0.01% of the population

#f9b214 hex color

#f9b214 Color Information

#f9b214 Color Conversion

Color Schemes with #f9b214

Alternatives to #f9b214

#f9b214 Preview

Shades and Tints of #f9b214

Tones of #f9b214

Color Blindness Simulator