#fadd1f hex color

In a RGB color space, hex #fadd1f is composed of 98% red, 86.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.6% magenta, 87.6% yellow and 2% black. It has a hue angle of 52.1 degrees, a saturation of 95.6% and a lightness of 55.1%. #fadd1f color hex could be obtained by blending #ffff3e with #f5bb00. Closest websafe color is: #ffcc33.

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

● #fadd1f color description : Vivid yellow.

The hexadecimal color #fadd1f has RGB values of R:250, G:221, B:31 and CMYK values of C:0, M:0.12, Y:0.88, K:0.02. Its decimal value is 16440607.

Hex triplet	fadd1f	`#fadd1f`
RGB Decimal	250, 221, 31	`rgb(250,221,31)`
RGB Percent	98, 86.7, 12.2	`rgb(98%,86.7%,12.2%)`
CMYK	0, 12, 88, 2
HSL	52.1°, 95.6, 55.1	`hsl(52.1,95.6%,55.1%)`
HSV (or HSB)	52.1°, 87.6, 98
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.035, -6.719, 84.101
XYZ	65.529, 72.138, 11.769
xyY	0.439, 0.483, 72.138
CIE-LCH	88.035, 84.369, 94.568
CIE-LUV	88.035, 27.176, 92.149
Hunter-Lab	84.934, -10.918, 51.239
Binary	11111010, 11011101, 00011111

#fadd1f
```
#fadd1f rgb(250,221,31)
```
#1f3cfa
```
#1f3cfa rgb(31,60,250)
```

Complementary Color

#fa701f
```
#fa701f rgb(250,112,31)
```
#fadd1f
```
#fadd1f rgb(250,221,31)
```
#aafa1f
```
#aafa1f rgb(170,250,31)
```

Analogous Color

#701ffa
```
#701ffa rgb(112,31,250)
```
#fadd1f
```
#fadd1f rgb(250,221,31)
```
#1faafa
```
#1faafa rgb(31,170,250)
```

Split Complementary Color

#dd1ffa
```
#dd1ffa rgb(221,31,250)
```
#fadd1f
```
#fadd1f rgb(250,221,31)
```
#1ffadd
```
#1ffadd rgb(31,250,221)
```

Triadic Color

#fa1f3c
```
#fa1f3c rgb(250,31,60)
```
#fadd1f
```
#fadd1f rgb(250,221,31)
```
#1ffadd
```
#1ffadd rgb(31,250,221)
```
#1f3cfa
```
#1f3cfa rgb(31,60,250)
```

Tetradic Color

#c8ae04
```
#c8ae04 rgb(200,174,4)
```
#e1c405
```
#e1c405 rgb(225,196,5)
```
#f9d906
```
#f9d906 rgb(249,217,6)
```
#fadd1f
```
#fadd1f rgb(250,221,31)
```
#fbe138
```
#fbe138 rgb(251,225,56)
```
#fbe551
```
#fbe551 rgb(251,229,81)
```
#fce86a
```
#fce86a rgb(252,232,106)
```

Monochromatic Color

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

#faa61f
```
#faa61f rgb(250,166,31)
```
#fab91f
```
#fab91f rgb(250,185,31)
```
#facb1f
```
#facb1f rgb(250,203,31)
```
#fadd1f
```
#fadd1f rgb(250,221,31)
```
#faef1f
```
#faef1f rgb(250,239,31)
```
#f3fa1f
```
#f3fa1f rgb(243,250,31)
```
#e0fa1f
```
#e0fa1f rgb(224,250,31)
```

Similar Colors

Text with hexadecimal color #fadd1f

This text has a font color of #fadd1f.

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

#fadd1f background color

This paragraph has a background color of #fadd1f.

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

#fadd1f border color

This element has a border color of #fadd1f.

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

CSS codes

.text {color:#fadd1f;}

.background {background-color:#fadd1f;}

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

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 #fffdf2 is the lightest one.

#060500
```
#060500 rgb(6,5,0)
```
#191601
```
#191601 rgb(25,22,1)
```
#2d2701
```
#2d2701 rgb(45,39,1)
```
#403801
```
#403801 rgb(64,56,1)
```
#534802
```
#534802 rgb(83,72,2)
```
#665902
```
#665902 rgb(102,89,2)
```
#796a03
```
#796a03 rgb(121,106,3)
```
#8d7a03
```
#8d7a03 rgb(141,122,3)
```
#a08b04
```
#a08b04 rgb(160,139,4)
```
#b39c04
```
#b39c04 rgb(179,156,4)
```
#c6ac04
```
#c6ac04 rgb(198,172,4)
```
#d9bd05
```
#d9bd05 rgb(217,189,5)
```
#ecce05
```
#ecce05 rgb(236,206,5)
```

Shade Color Variation

#fada0c
```
#fada0c rgb(250,218,12)
```
#fadd1f
```
#fadd1f rgb(250,221,31)
```
#fae032
```
#fae032 rgb(250,224,50)
```
#fbe345
```
#fbe345 rgb(251,227,69)
```
#fbe659
```
#fbe659 rgb(251,230,89)
```
#fce96c
```
#fce96c rgb(252,233,108)
```
#fcec7f
```
#fcec7f rgb(252,236,127)
```
#fdee92
```
#fdee92 rgb(253,238,146)
```
#fdf1a5
```
#fdf1a5 rgb(253,241,165)
```
#fdf4b8
```
#fdf4b8 rgb(253,244,184)
```
#fef7cc
```
#fef7cc rgb(254,247,204)
```
#fefadf
```
#fefadf rgb(254,250,223)
```
#fffdf2
```
#fffdf2 rgb(255,253,242)
```

Tint Color Variation

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

#908f89
```
#908f89 rgb(144,143,137)
```
#999680
```
#999680 rgb(153,150,128)
```
#a29c77
```
#a29c77 rgb(162,156,119)
```
#aba36e
```
#aba36e rgb(171,163,110)
```
#b4a965
```
#b4a965 rgb(180,169,101)
```
#bcb05d
```
#bcb05d rgb(188,176,93)
```
#c5b654
```
#c5b654 rgb(197,182,84)
```
#cebd4b
```
#cebd4b rgb(206,189,75)
```
#d7c342
```
#d7c342 rgb(215,195,66)
```
#e0ca39
```
#e0ca39 rgb(224,202,57)
```
#e8d031
```
#e8d031 rgb(232,208,49)
```
#f1d728
```
#f1d728 rgb(241,215,40)
```
#fadd1f
```
#fadd1f rgb(250,221,31)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d8d3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df2a Protanopia 1% of men
#ffd8a1 Deuteranopia 1% of men
#ffd3de Tritanopia 0.001% of the population

Trichromacy

#f9de26 Protanomaly 1% of men, 0.01% of women
#fdda72 Deuteranomaly 6% of men, 0.4% of women
#fdd698 Tritanomaly 0.01% of the population

#fadd1f hex color

#fadd1f Color Information

#fadd1f Color Conversion

Color Schemes with #fadd1f

Alternatives to #fadd1f

#fadd1f Preview

Shades and Tints of #fadd1f

Tones of #fadd1f

Color Blindness Simulator