#f8dd12 hex color

In a RGB color space, hex #f8dd12 is composed of 97.3% red, 86.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 92.7% yellow and 2.7% black. It has a hue angle of 53 degrees, a saturation of 94.3% and a lightness of 52.2%. #f8dd12 color hex could be obtained by blending #ffff24 with #f1bb00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 97
- G 87
- B 7
RGB color chart
- C 0
- M 11
- Y 93
- K 3
CMYK color chart

● #f8dd12 color description : Vivid yellow.

The hexadecimal color #f8dd12 has RGB values of R:248, G:221, B:18 and CMYK values of C:0, M:0.11, Y:0.93, K:0.03. Its decimal value is 16309522.

Hex triplet	f8dd12	`#f8dd12`
RGB Decimal	248, 221, 18	`rgb(248,221,18)`
RGB Percent	97.3, 86.7, 7.1	`rgb(97.3%,86.7%,7.1%)`
CMYK	0, 11, 93, 3
HSL	53°, 94.3, 52.2	`hsl(53,94.3%,52.2%)`
HSV (or HSB)	53°, 92.7, 97.3
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	87.831, -7.762, 85.849
XYZ	64.678, 71.715, 11.008
xyY	0.439, 0.487, 71.715
CIE-LCH	87.831, 86.199, 95.166
CIE-LUV	87.831, 25.844, 93.293
Hunter-Lab	84.685, -11.87, 51.572
Binary	11111000, 11011101, 00010010

#f8dd12
```
#f8dd12 rgb(248,221,18)
```
#122df8
```
#122df8 rgb(18,45,248)
```

Complementary Color

#f86a12
```
#f86a12 rgb(248,106,18)
```
#f8dd12
```
#f8dd12 rgb(248,221,18)
```
#a0f812
```
#a0f812 rgb(160,248,18)
```

Analogous Color

#6a12f8
```
#6a12f8 rgb(106,18,248)
```
#f8dd12
```
#f8dd12 rgb(248,221,18)
```
#12a0f8
```
#12a0f8 rgb(18,160,248)
```

Split Complementary Color

#dd12f8
```
#dd12f8 rgb(221,18,248)
```
#f8dd12
```
#f8dd12 rgb(248,221,18)
```
#12f8dd
```
#12f8dd rgb(18,248,221)
```

Triadic Color

#f8122d
```
#f8122d rgb(248,18,45)
```
#f8dd12
```
#f8dd12 rgb(248,221,18)
```
#12f8dd
```
#12f8dd rgb(18,248,221)
```
#122df8
```
#122df8 rgb(18,45,248)
```

Tetradic Color

#b8a305
```
#b8a305 rgb(184,163,5)
```
#d1b906
```
#d1b906 rgb(209,185,6)
```
#eacf07
```
#eacf07 rgb(234,207,7)
```
#f8dd12
```
#f8dd12 rgb(248,221,18)
```
#f9e12b
```
#f9e12b rgb(249,225,43)
```
#f9e444
```
#f9e444 rgb(249,228,68)
```
#fae85c
```
#fae85c rgb(250,232,92)
```

Monochromatic Color

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

#f8a412
```
#f8a412 rgb(248,164,18)
```
#f8b712
```
#f8b712 rgb(248,183,18)
```
#f8ca12
```
#f8ca12 rgb(248,202,18)
```
#f8dd12
```
#f8dd12 rgb(248,221,18)
```
#f8f012
```
#f8f012 rgb(248,240,18)
```
#edf812
```
#edf812 rgb(237,248,18)
```
#daf812
```
#daf812 rgb(218,248,18)
```

Similar Colors

Text with hexadecimal color #f8dd12

This text has a font color of #f8dd12.

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

#f8dd12 background color

This paragraph has a background color of #f8dd12.

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

#f8dd12 border color

This element has a border color of #f8dd12.

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

CSS codes

.text {color:#f8dd12;}

.background {background-color:#f8dd12;}

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

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

#0b0900
```
#0b0900 rgb(11,9,0)
```
#1e1a01
```
#1e1a01 rgb(30,26,1)
```
#312b01
```
#312b01 rgb(49,43,1)
```
#443c02
```
#443c02 rgb(68,60,2)
```
#574d03
```
#574d03 rgb(87,77,3)
```
#6a5e03
```
#6a5e03 rgb(106,94,3)
```
#7d6f04
```
#7d6f04 rgb(125,111,4)
```
#908004
```
#908004 rgb(144,128,4)
```
#a39105
```
#a39105 rgb(163,145,5)
```
#b6a105
```
#b6a105 rgb(182,161,5)
```
#c9b206
```
#c9b206 rgb(201,178,6)
```
#dcc307
```
#dcc307 rgb(220,195,7)
```
#efd407
```
#efd407 rgb(239,212,7)
```

Shade Color Variation

#f8dd12
```
#f8dd12 rgb(248,221,18)
```
#f9e025
```
#f9e025 rgb(249,224,37)
```
#f9e238
```
#f9e238 rgb(249,226,56)
```
#fae54b
```
#fae54b rgb(250,229,75)
```
#fae85e
```
#fae85e rgb(250,232,94)
```
#fbeb71
```
#fbeb71 rgb(251,235,113)
```
#fbed84
```
#fbed84 rgb(251,237,132)
```
#fcf097
```
#fcf097 rgb(252,240,151)
```
#fdf3aa
```
#fdf3aa rgb(253,243,170)
```
#fdf6bd
```
#fdf6bd rgb(253,246,189)
```
#fef8d1
```
#fef8d1 rgb(254,248,209)
```
#fefbe4
```
#fefbe4 rgb(254,251,228)
```
#fffef7
```
#fffef7 rgb(255,254,247)
```

Tint Color Variation

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

#878783
```
#878783 rgb(135,135,131)
```
#918e79
```
#918e79 rgb(145,142,121)
```
#9a9570
```
#9a9570 rgb(154,149,112)
```
#a49c66
```
#a49c66 rgb(164,156,102)
```
#ada45d
```
#ada45d rgb(173,164,93)
```
#b6ab54
```
#b6ab54 rgb(182,171,84)
```
#c0b24a
```
#c0b24a rgb(192,178,74)
```
#c9b941
```
#c9b941 rgb(201,185,65)
```
#d2c038
```
#d2c038 rgb(210,192,56)
```
#dcc72e
```
#dcc72e rgb(220,199,46)
```
#e5cf25
```
#e5cf25 rgb(229,207,37)
```
#efd61b
```
#efd61b rgb(239,214,27)
```
#f8dd12
```
#f8dd12 rgb(248,221,18)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d6d1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9de1e Protanopia 1% of men
#ffd89f Deuteranopia 1% of men
#ffd2de Tritanopia 0.001% of the population

Trichromacy

#f8dd19 Protanomaly 1% of men, 0.01% of women
#fcd96c Deuteranomaly 6% of men, 0.4% of women
#fcd694 Tritanomaly 0.01% of the population

#f8dd12 hex color

#f8dd12 Color Information

#f8dd12 Color Conversion

Color Schemes with #f8dd12

Alternatives to #f8dd12

#f8dd12 Preview

Shades and Tints of #f8dd12

Tones of #f8dd12

Color Blindness Simulator