#f9e314 hex color

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

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

● #f9e314 color description : Vivid yellow.

The hexadecimal color #f9e314 has RGB values of R:249, G:227, B:20 and CMYK values of C:0, M:0.09, Y:0.92, K:0.02. Its decimal value is 16376596.

Hex triplet	f9e314	`#f9e314`
RGB Decimal	249, 227, 20	`rgb(249,227,20)`
RGB Percent	97.6, 89, 7.8	`rgb(97.6%,89%,7.8%)`
CMYK	0, 9, 92, 2
HSL	54.2°, 95, 52.7	`hsl(54.2,95%,52.7%)`
HSV (or HSB)	54.2°, 92, 97.6
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	89.454, -10.302, 86.864
XYZ	66.663, 75.13, 11.652
xyY	0.434, 0.49, 75.13
CIE-LCH	89.454, 87.473, 96.764
CIE-LUV	89.454, 22.329, 95.4
Hunter-Lab	86.678, -14.404, 52.704
Binary	11111001, 11100011, 00010100

#f9e314
```
#f9e314 rgb(249,227,20)
```
#142af9
```
#142af9 rgb(20,42,249)
```

Complementary Color

#f97114
```
#f97114 rgb(249,113,20)
```
#f9e314
```
#f9e314 rgb(249,227,20)
```
#9df914
```
#9df914 rgb(157,249,20)
```

Analogous Color

#7114f9
```
#7114f9 rgb(113,20,249)
```
#f9e314
```
#f9e314 rgb(249,227,20)
```
#149df9
```
#149df9 rgb(20,157,249)
```

Split Complementary Color

#e314f9
```
#e314f9 rgb(227,20,249)
```
#f9e314
```
#f9e314 rgb(249,227,20)
```
#14f9e3
```
#14f9e3 rgb(20,249,227)
```

Triadic Color

#f9142a
```
#f9142a rgb(249,20,42)
```
#f9e314
```
#f9e314 rgb(249,227,20)
```
#14f9e3
```
#14f9e3 rgb(20,249,227)
```
#142af9
```
#142af9 rgb(20,42,249)
```

Tetradic Color

#bcaa05
```
#bcaa05 rgb(188,170,5)
```
#d5c105
```
#d5c105 rgb(213,193,5)
```
#edd706
```
#edd706 rgb(237,215,6)
```
#f9e314
```
#f9e314 rgb(249,227,20)
```
#fae62d
```
#fae62d rgb(250,230,45)
```
#fae946
```
#fae946 rgb(250,233,70)
```
#fbec5f
```
#fbec5f rgb(251,236,95)
```

Monochromatic Color

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

#f9aa14
```
#f9aa14 rgb(249,170,20)
```
#f9bd14
```
#f9bd14 rgb(249,189,20)
```
#f9d014
```
#f9d014 rgb(249,208,20)
```
#f9e314
```
#f9e314 rgb(249,227,20)
```
#f9f614
```
#f9f614 rgb(249,246,20)
```
#e9f914
```
#e9f914 rgb(233,249,20)
```
#d6f914
```
#d6f914 rgb(214,249,20)
```

Similar Colors

Text with hexadecimal color #f9e314

This text has a font color of #f9e314.

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

#f9e314 background color

This paragraph has a background color of #f9e314.

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

#f9e314 border color

This element has a border color of #f9e314.

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

CSS codes

.text {color:#f9e314;}

.background {background-color:#f9e314;}

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

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

#0e0c00
```
#0e0c00 rgb(14,12,0)
```
#211e01
```
#211e01 rgb(33,30,1)
```
#342f01
```
#342f01 rgb(52,47,1)
```
#474002
```
#474002 rgb(71,64,2)
```
#5a5202
```
#5a5202 rgb(90,82,2)
```
#6d6303
```
#6d6303 rgb(109,99,3)
```
#807403
```
#807403 rgb(128,116,3)
```
#948604
```
#948604 rgb(148,134,4)
```
#a79704
```
#a79704 rgb(167,151,4)
```
#baa805
```
#baa805 rgb(186,168,5)
```
#cdba05
```
#cdba05 rgb(205,186,5)
```
#e0cb06
```
#e0cb06 rgb(224,203,6)
```
#f3dc06
```
#f3dc06 rgb(243,220,6)
```

Shade Color Variation

#f9e314
```
#f9e314 rgb(249,227,20)
```
#f9e527
```
#f9e527 rgb(249,229,39)
```
#fae83a
```
#fae83a rgb(250,232,58)
```
#faea4d
```
#faea4d rgb(250,234,77)
```
#fbec61
```
#fbec61 rgb(251,236,97)
```
#fbee74
```
#fbee74 rgb(251,238,116)
```
#fcf187
```
#fcf187 rgb(252,241,135)
```
#fcf39a
```
#fcf39a rgb(252,243,154)
```
#fdf5ad
```
#fdf5ad rgb(253,245,173)
```
#fdf8c0
```
#fdf8c0 rgb(253,248,192)
```
#fefad3
```
#fefad3 rgb(254,250,211)
```
#fefce6
```
#fefce6 rgb(254,252,230)
```
#fffefa
```
#fffefa rgb(255,254,250)
```

Tint Color Variation

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

#8a8983
```
#8a8983 rgb(138,137,131)
```
#93917a
```
#93917a rgb(147,145,122)
```
#9c9871
```
#9c9871 rgb(156,152,113)
```
#a6a067
```
#a6a067 rgb(166,160,103)
```
#afa75e
```
#afa75e rgb(175,167,94)
```
#b8af55
```
#b8af55 rgb(184,175,85)
```
#c1b64c
```
#c1b64c rgb(193,182,76)
```
#cbbe42
```
#cbbe42 rgb(203,190,66)
```
#d4c539
```
#d4c539 rgb(212,197,57)
```
#ddcd30
```
#ddcd30 rgb(221,205,48)
```
#e6d427
```
#e6d427 rgb(230,212,39)
```
#f0dc1d
```
#f0dc1d rgb(240,220,29)
```
#f9e314
```
#f9e314 rgb(249,227,20)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#dad5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde21f Protanopia 1% of men
#ffddaf Deuteranopia 1% of men
#ffd8e3 Tritanopia 0.001% of the population

Trichromacy

#fce21b Protanomaly 1% of men, 0.01% of women
#fcdf76 Deuteranomaly 6% of men, 0.4% of women
#fcdc98 Tritanomaly 0.01% of the population

#f9e314 hex color

#f9e314 Color Information

#f9e314 Color Conversion

Color Schemes with #f9e314

Alternatives to #f9e314

#f9e314 Preview

Shades and Tints of #f9e314

Tones of #f9e314

Color Blindness Simulator