colorhexa.com

#f8d30c hex color

In a RGB color space, hex #f8d30c is composed of 97.3% red, 82.7% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.9% magenta, 95.2% yellow and 2.7% black. It has a hue angle of 50.6 degrees, a saturation of 94.4% and a lightness of 51%. #f8d30c color hex could be obtained by blending #ffff18 with #f1a700. Closest websafe color is: #ffcc00.

- R 97
- G 83
- B 5
RGB color chart
- C 0
- M 15
- Y 95
- K 3
CMYK color chart

● #f8d30c color description : Vivid yellow.

The hexadecimal color #f8d30c has RGB values of R:248, G:211, B:12 and CMYK values of C:0, M:0.15, Y:0.95, K:0.03. Its decimal value is 16306956.

Hex triplet	f8d30c	`#f8d30c`
RGB Decimal	248, 211, 12	`rgb(248,211,12)`
RGB Percent	97.3, 82.7, 4.7	`rgb(97.3%,82.7%,4.7%)`
CMYK	0, 15, 95, 3
HSL	50.6°, 94.4, 51	`hsl(50.6,94.4%,51%)`
HSV (or HSB)	50.6°, 95.2, 97.3
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.288, -2.786, 84.616
XYZ	62.073, 66.574, 9.928
xyY	0.448, 0.48, 66.574
CIE-LCH	85.288, 84.661, 91.886
CIE-LUV	85.288, 33.099, 89.943
Hunter-Lab	81.593, -6.991, 49.9
Binary	11111000, 11010011, 00001100

#f8d30c
```
#f8d30c rgb(248,211,12)
```
#0c31f8
```
#0c31f8 rgb(12,49,248)
```

Complementary Color

#f85d0c
```
#f85d0c rgb(248,93,12)
```
#f8d30c
```
#f8d30c rgb(248,211,12)
```
#a7f80c
```
#a7f80c rgb(167,248,12)
```

Analogous Color

#5d0cf8
```
#5d0cf8 rgb(93,12,248)
```
#f8d30c
```
#f8d30c rgb(248,211,12)
```
#0ca7f8
```
#0ca7f8 rgb(12,167,248)
```

Split Complementary Color

#d30cf8
```
#d30cf8 rgb(211,12,248)
```
#f8d30c
```
#f8d30c rgb(248,211,12)
```
#0cf8d3
```
#0cf8d3 rgb(12,248,211)
```

Triadic Color

#f80c31
```
#f80c31 rgb(248,12,49)
```
#f8d30c
```
#f8d30c rgb(248,211,12)
```
#0cf8d3
```
#0cf8d3 rgb(12,248,211)
```
#0c31f8
```
#0c31f8 rgb(12,49,248)
```

Tetradic Color

#b29705
```
#b29705 rgb(178,151,5)
```
#cbac06
```
#cbac06 rgb(203,172,6)
```
#e4c107
```
#e4c107 rgb(228,193,7)
```
#f8d30c
```
#f8d30c rgb(248,211,12)
```
#f9d725
```
#f9d725 rgb(249,215,37)
```
#f9dc3e
```
#f9dc3e rgb(249,220,62)
```
#fae056
```
#fae056 rgb(250,224,86)
```

Monochromatic Color

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

#f8980c
```
#f8980c rgb(248,152,12)
```
#f8ac0c
```
#f8ac0c rgb(248,172,12)
```
#f8bf0c
```
#f8bf0c rgb(248,191,12)
```
#f8d30c
```
#f8d30c rgb(248,211,12)
```
#f8e70c
```
#f8e70c rgb(248,231,12)
```
#f6f80c
```
#f6f80c rgb(246,248,12)
```
#e2f80c
```
#e2f80c rgb(226,248,12)
```

Similar Colors

Text with hexadecimal color #f8d30c

This text has a font color of #f8d30c.

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

#f8d30c background color

This paragraph has a background color of #f8d30c.

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

#f8d30c border color

This element has a border color of #f8d30c.

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

CSS codes

.text {color:#f8d30c;}

.background {background-color:#f8d30c;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#181401
```
#181401 rgb(24,20,1)
```
#2b2401
```
#2b2401 rgb(43,36,1)
```
#3e3502
```
#3e3502 rgb(62,53,2)
```
#514502
```
#514502 rgb(81,69,2)
```
#645503
```
#645503 rgb(100,85,3)
```
#776503
```
#776503 rgb(119,101,3)
```
#8a7504
```
#8a7504 rgb(138,117,4)
```
#9d8505
```
#9d8505 rgb(157,133,5)
```
#b09605
```
#b09605 rgb(176,150,5)
```
#c4a606
```
#c4a606 rgb(196,166,6)
```
#d7b606
```
#d7b606 rgb(215,182,6)
```
#eac607
```
#eac607 rgb(234,198,7)
```

Shade Color Variation

#f8d30c
```
#f8d30c rgb(248,211,12)
```
#f9d61f
```
#f9d61f rgb(249,214,31)
```
#f9da32
```
#f9da32 rgb(249,218,50)
```
#fadd45
```
#fadd45 rgb(250,221,69)
```
#fae158
```
#fae158 rgb(250,225,88)
```
#fbe46b
```
#fbe46b rgb(251,228,107)
```
#fbe87e
```
#fbe87e rgb(251,232,126)
```
#fceb91
```
#fceb91 rgb(252,235,145)
```
#fcefa5
```
#fcefa5 rgb(252,239,165)
```
#fdf2b8
```
#fdf2b8 rgb(253,242,184)
```
#fdf6cb
```
#fdf6cb rgb(253,246,203)
```
#fef9de
```
#fef9de rgb(254,249,222)
```
#fffcf1
```
#fffcf1 rgb(255,252,241)
```

Tint Color Variation

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

#85847f
```
#85847f rgb(133,132,127)
```
#8e8a76
```
#8e8a76 rgb(142,138,118)
```
#98916c
```
#98916c rgb(152,145,108)
```
#a19863
```
#a19863 rgb(161,152,99)
```
#ab9e59
```
#ab9e59 rgb(171,158,89)
```
#b5a54f
```
#b5a54f rgb(181,165,79)
```
#beab46
```
#beab46 rgb(190,171,70)
```
#c8b23c
```
#c8b23c rgb(200,178,60)
```
#d2b932
```
#d2b932 rgb(210,185,50)
```
#dbbf29
```
#dbbf29 rgb(219,191,41)
```
#e5c61f
```
#e5c61f rgb(229,198,31)
```
#eecc16
```
#eecc16 rgb(238,204,22)
```
#f8d30c
```
#f8d30c rgb(248,211,12)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d1c9a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d719 Protanopia 1% of men
#ffcf82 Deuteranopia 1% of men
#ffc9d5 Tritanopia 0.001% of the population

Trichromacy

#f3d614 Protanomaly 1% of men, 0.01% of women
#fcd157 Deuteranomaly 6% of men, 0.4% of women
#fccc8c Tritanomaly 0.01% of the population