#f9c70c hex color

In a RGB color space, hex #f9c70c is composed of 97.6% red, 78% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 95.2% yellow and 2.4% black. It has a hue angle of 47.3 degrees, a saturation of 95.2% and a lightness of 51.2%. #f9c70c color hex could be obtained by blending #ffff18 with #f38f00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 98
- G 78
- B 5
RGB color chart
- C 0
- M 20
- Y 95
- K 2
CMYK color chart

● #f9c70c color description : Vivid yellow.

The hexadecimal color #f9c70c has RGB values of R:249, G:199, B:12 and CMYK values of C:0, M:0.2, Y:0.95, K:0.02. Its decimal value is 16369420.

Hex triplet	f9c70c	`#f9c70c`
RGB Decimal	249, 199, 12	`rgb(249,199,12)`
RGB Percent	97.6, 78, 4.7	`rgb(97.6%,78%,4.7%)`
CMYK	0, 20, 95, 2
HSL	47.3°, 95.2, 51.2	`hsl(47.3,95.2%,51.2%)`
HSV (or HSB)	47.3°, 95.2, 97.6
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	82.387, 3.778, 82.55
XYZ	59.558, 61.016, 8.988
xyY	0.46, 0.471, 61.016
CIE-LCH	82.387, 82.637, 87.379
CIE-LUV	82.387, 42.811, 85.513
Hunter-Lab	78.113, -0.598, 47.857
Binary	11111001, 11000111, 00001100

#f9c70c
```
#f9c70c rgb(249,199,12)
```
#0c3ef9
```
#0c3ef9 rgb(12,62,249)
```

Complementary Color

#f9510c
```
#f9510c rgb(249,81,12)
```
#f9c70c
```
#f9c70c rgb(249,199,12)
```
#b5f90c
```
#b5f90c rgb(181,249,12)
```

Analogous Color

#510cf9
```
#510cf9 rgb(81,12,249)
```
#f9c70c
```
#f9c70c rgb(249,199,12)
```
#0cb5f9
```
#0cb5f9 rgb(12,181,249)
```

Split Complementary Color

#c70cf9
```
#c70cf9 rgb(199,12,249)
```
#f9c70c
```
#f9c70c rgb(249,199,12)
```
#0cf9c7
```
#0cf9c7 rgb(12,249,199)
```

Triadic Color

#f90c3e
```
#f90c3e rgb(249,12,62)
```
#f9c70c
```
#f9c70c rgb(249,199,12)
```
#0cf9c7
```
#0cf9c7 rgb(12,249,199)
```
#0c3ef9
```
#0c3ef9 rgb(12,62,249)
```

Tetradic Color

#b48f04
```
#b48f04 rgb(180,143,4)
```
#cda305
```
#cda305 rgb(205,163,5)
```
#e6b706
```
#e6b706 rgb(230,183,6)
```
#f9c70c
```
#f9c70c rgb(249,199,12)
```
#facd25
```
#facd25 rgb(250,205,37)
```
#fad23e
```
#fad23e rgb(250,210,62)
```
#fbd857
```
#fbd857 rgb(251,216,87)
```

Monochromatic Color

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

#f98c0c
```
#f98c0c rgb(249,140,12)
```
#f9a00c
```
#f9a00c rgb(249,160,12)
```
#f9b30c
```
#f9b30c rgb(249,179,12)
```
#f9c70c
```
#f9c70c rgb(249,199,12)
```
#f9db0c
```
#f9db0c rgb(249,219,12)
```
#f9ef0c
```
#f9ef0c rgb(249,239,12)
```
#f0f90c
```
#f0f90c rgb(240,249,12)
```

Similar Colors

Text with hexadecimal color #f9c70c

This text has a font color of #f9c70c.

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

#f9c70c background color

This paragraph has a background color of #f9c70c.

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

#f9c70c border color

This element has a border color of #f9c70c.

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

CSS codes

.text {color:#f9c70c;}

.background {background-color:#f9c70c;}

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

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

#060500
```
#060500 rgb(6,5,0)
```
#191401
```
#191401 rgb(25,20,1)
```
#2c2301
```
#2c2301 rgb(44,35,1)
```
#3f3202
```
#3f3202 rgb(63,50,2)
```
#524102
```
#524102 rgb(82,65,2)
```
#665103
```
#665103 rgb(102,81,3)
```
#796003
```
#796003 rgb(121,96,3)
```
#8c6f03
```
#8c6f03 rgb(140,111,3)
```
#9f7e04
```
#9f7e04 rgb(159,126,4)
```
#b28d04
```
#b28d04 rgb(178,141,4)
```
#c59d05
```
#c59d05 rgb(197,157,5)
```
#d8ac05
```
#d8ac05 rgb(216,172,5)
```
#ecbb06
```
#ecbb06 rgb(236,187,6)
```

Shade Color Variation

#f9c70c
```
#f9c70c rgb(249,199,12)
```
#f9cb1f
```
#f9cb1f rgb(249,203,31)
```
#fad032
```
#fad032 rgb(250,208,50)
```
#fad445
```
#fad445 rgb(250,212,69)
```
#fbd959
```
#fbd959 rgb(251,217,89)
```
#fbdd6c
```
#fbdd6c rgb(251,221,108)
```
#fce17f
```
#fce17f rgb(252,225,127)
```
#fce692
```
#fce692 rgb(252,230,146)
```
#fdeaa5
```
#fdeaa5 rgb(253,234,165)
```
#fdefb8
```
#fdefb8 rgb(253,239,184)
```
#fef3cb
```
#fef3cb rgb(254,243,203)
```
#fef8df
```
#fef8df rgb(254,248,223)
```
#fffcf2
```
#fffcf2 rgb(255,252,242)
```

Tint Color Variation

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

#86857f
```
#86857f rgb(134,133,127)
```
#908a75
```
#908a75 rgb(144,138,117)
```
#99906c
```
#99906c rgb(153,144,108)
```
#a39562
```
#a39562 rgb(163,149,98)
```
#ac9b59
```
#ac9b59 rgb(172,155,89)
```
#b6a04f
```
#b6a04f rgb(182,160,79)
```
#c0a645
```
#c0a645 rgb(192,166,69)
```
#c9ab3c
```
#c9ab3c rgb(201,171,60)
```
#d3b132
```
#d3b132 rgb(211,177,50)
```
#dcb629
```
#dcb629 rgb(220,182,41)
```
#e6bc1f
```
#e6bc1f rgb(230,188,31)
```
#efc116
```
#efc116 rgb(239,193,22)
```
#f9c70c
```
#f9c70c rgb(249,199,12)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#ccc29d Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d01b Protanopia 1% of men
#ffc652 Deuteranopia 1% of men
#ffbeca Tritanopia 0.001% of the population

Trichromacy

#eecc15 Protanomaly 1% of men, 0.01% of women
#fcc639 Deuteranomaly 6% of men, 0.4% of women
#fcc185 Tritanomaly 0.01% of the population

#f9c70c hex color

#f9c70c Color Information

#f9c70c Color Conversion

Color Schemes with #f9c70c

Alternatives to #f9c70c

#f9c70c Preview

Shades and Tints of #f9c70c

Tones of #f9c70c

Color Blindness Simulator