#fafd1f hex color

In a RGB color space, hex #fafd1f is composed of 98% red, 99.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 0% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 60.8 degrees, a saturation of 98.2% and a lightness of 55.7%. #fafd1f color hex could be obtained by blending #ffff3e with #f5fb00. Closest websafe color is: #ffff33.

♥
- f
- t
- g
- R 98
- G 99
- B 12
RGB color chart
- C 1
- M 0
- Y 88
- K 1
CMYK color chart

● #fafd1f color description : Vivid yellow.

The hexadecimal color #fafd1f has RGB values of R:250, G:253, B:31 and CMYK values of C:0.01, M:0, Y:0.88, K:0.01. Its decimal value is 16448799.

Hex triplet	fafd1f	`#fafd1f`
RGB Decimal	250, 253, 31	`rgb(250,253,31)`
RGB Percent	98, 99.2, 12.2	`rgb(98%,99.2%,12.2%)`
CMYK	1, 0, 88, 1
HSL	60.8°, 98.2, 55.7	`hsl(60.8,98.2%,55.7%)`
HSV (or HSB)	60.8°, 87.7, 99.2
Web Safe	ffff33	`#ffff33`

CIE-LAB	96.276, -22.327, 90.612
XYZ	74.797, 90.675, 14.858
xyY	0.415, 0.503, 90.675
CIE-LCH	96.276, 93.322, 103.842
CIE-LUV	96.276, 5.487, 104.199
Hunter-Lab	95.223, -26.43, 57.405
Binary	11111010, 11111101, 00011111

#fafd1f
```
#fafd1f rgb(250,253,31)
```
#221ffd
```
#221ffd rgb(34,31,253)
```

Complementary Color

#fd911f
```
#fd911f rgb(253,145,31)
```
#fafd1f
```
#fafd1f rgb(250,253,31)
```
#8bfd1f
```
#8bfd1f rgb(139,253,31)
```

Analogous Color

#911ffd
```
#911ffd rgb(145,31,253)
```
#fafd1f
```
#fafd1f rgb(250,253,31)
```
#1f8bfd
```
#1f8bfd rgb(31,139,253)
```

Split Complementary Color

#fd1ffa
```
#fd1ffa rgb(253,31,250)
```
#fafd1f
```
#fafd1f rgb(250,253,31)
```
#1ffafd
```
#1ffafd rgb(31,250,253)
```

Triadic Color

#fd221f
```
#fd221f rgb(253,34,31)
```
#fafd1f
```
#fafd1f rgb(250,253,31)
```
#1ffafd
```
#1ffafd rgb(31,250,253)
```
#221ffd
```
#221ffd rgb(34,31,253)
```

Tetradic Color

#cbce02
```
#cbce02 rgb(203,206,2)
```
#e4e702
```
#e4e702 rgb(228,231,2)
```
#f9fd06
```
#f9fd06 rgb(249,253,6)
```
#fafd1f
```
#fafd1f rgb(250,253,31)
```
#fbfd38
```
#fbfd38 rgb(251,253,56)
```
#fbfd52
```
#fbfd52 rgb(251,253,82)
```
#fcfe6b
```
#fcfe6b rgb(252,254,107)
```

Monochromatic Color

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

#fdc91f
```
#fdc91f rgb(253,201,31)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```
#fdee1f
```
#fdee1f rgb(253,238,31)
```
#fafd1f
```
#fafd1f rgb(250,253,31)
```
#e8fd1f
```
#e8fd1f rgb(232,253,31)
```
#d5fd1f
```
#d5fd1f rgb(213,253,31)
```
#c3fd1f
```
#c3fd1f rgb(195,253,31)
```

Similar Colors

Text with hexadecimal color #fafd1f

This text has a font color of #fafd1f.

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

#fafd1f background color

This paragraph has a background color of #fafd1f.

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

#fafd1f border color

This element has a border color of #fafd1f.

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

CSS codes

.text {color:#fafd1f;}

.background {background-color:#fafd1f;}

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

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

#090900
```
#090900 rgb(9,9,0)
```
#1c1d00
```
#1c1d00 rgb(28,29,0)
```
#303000
```
#303000 rgb(48,48,0)
```
#434401
```
#434401 rgb(67,68,1)
```
#565701
```
#565701 rgb(86,87,1)
```
#696b01
```
#696b01 rgb(105,107,1)
```
#7c7e01
```
#7c7e01 rgb(124,126,1)
```
#8f9101
```
#8f9101 rgb(143,145,1)
```
#a3a501
```
#a3a501 rgb(163,165,1)
```
#b6b802
```
#b6b802 rgb(182,184,2)
```
#c9cc02
```
#c9cc02 rgb(201,204,2)
```
#dcdf02
```
#dcdf02 rgb(220,223,2)
```
#eff302
```
#eff302 rgb(239,243,2)
```

Shade Color Variation

#fafd0c
```
#fafd0c rgb(250,253,12)
```
#fafd1f
```
#fafd1f rgb(250,253,31)
```
#fafd32
```
#fafd32 rgb(250,253,50)
```
#fbfd46
```
#fbfd46 rgb(251,253,70)
```
#fbfe59
```
#fbfe59 rgb(251,254,89)
```
#fcfe6d
```
#fcfe6d rgb(252,254,109)
```
#fcfe80
```
#fcfe80 rgb(252,254,128)
```
#fdfe94
```
#fdfe94 rgb(253,254,148)
```
#fdfea7
```
#fdfea7 rgb(253,254,167)
```
#fdfebb
```
#fdfebb rgb(253,254,187)
```
#feffce
```
#feffce rgb(254,255,206)
```
#feffe1
```
#feffe1 rgb(254,255,225)
```
#fffff5
```
#fffff5 rgb(255,255,245)
```

Tint Color Variation

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

#959587
```
#959587 rgb(149,149,135)
```
#9d9d7f
```
#9d9d7f rgb(157,157,127)
```
#a5a676
```
#a5a676 rgb(165,166,118)
```
#aeaf6d
```
#aeaf6d rgb(174,175,109)
```
#b6b765
```
#b6b765 rgb(182,183,101)
```
#bfc05c
```
#bfc05c rgb(191,192,92)
```
#c7c953
```
#c7c953 rgb(199,201,83)
```
#d0d24a
```
#d0d24a rgb(208,210,74)
```
#d8da42
```
#d8da42 rgb(216,218,66)
```
#e1e339
```
#e1e339 rgb(225,227,57)
```
#e9ec30
```
#e9ec30 rgb(233,236,48)
```
#f2f428
```
#f2f428 rgb(242,244,40)
```
#fafd1f
```
#fafd1f rgb(250,253,31)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#e8e8bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff4d0 Protanopia 1% of men
#fff3e5 Deuteranopia 1% of men
#fff1f8 Tritanopia 0.001% of the population

Trichromacy

#fdf78f Protanomaly 1% of men, 0.01% of women
#fdf69d Deuteranomaly 6% of men, 0.4% of women
#fdf5a9 Tritanomaly 0.01% of the population

#fafd1f hex color

#fafd1f Color Information

#fafd1f Color Conversion

Color Schemes with #fafd1f

Alternatives to #fafd1f

#fafd1f Preview

Shades and Tints of #fafd1f

Tones of #fafd1f

Color Blindness Simulator