#f1d14d hex color

In a RGB color space, hex #f1d14d is composed of 94.5% red, 82% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.3% magenta, 68% yellow and 5.5% black. It has a hue angle of 48.3 degrees, a saturation of 85.4% and a lightness of 62.4%. #f1d14d color hex could be obtained by blending #ffff9a with #e3a300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 82
- B 30
RGB color chart
- C 0
- M 13
- Y 68
- K 5
CMYK color chart

● #f1d14d color description : Soft yellow.

The hexadecimal color #f1d14d has RGB values of R:241, G:209, B:77 and CMYK values of C:0, M:0.13, Y:0.68, K:0.05. Its decimal value is 15847757.

Hex triplet	f1d14d	`#f1d14d`
RGB Decimal	241, 209, 77	`rgb(241,209,77)`
RGB Percent	94.5, 82, 30.2	`rgb(94.5%,82%,30.2%)`
CMYK	0, 13, 68, 5
HSL	48.3°, 85.4, 62.4	`hsl(48.3,85.4%,62.4%)`
HSV (or HSB)	48.3°, 68, 94.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.401, -2.856, 66.793
XYZ	60.416, 64.84, 16.354
xyY	0.427, 0.458, 64.84
CIE-LCH	84.401, 66.854, 92.448
CIE-LUV	84.401, 27.974, 77.858
Hunter-Lab	80.523, -6.988, 44.325
Binary	11110001, 11010001, 01001101

#f1d14d
```
#f1d14d rgb(241,209,77)
```
#4d6df1
```
#4d6df1 rgb(77,109,241)
```

Complementary Color

#f17f4d
```
#f17f4d rgb(241,127,77)
```
#f1d14d
```
#f1d14d rgb(241,209,77)
```
#bff14d
```
#bff14d rgb(191,241,77)
```

Analogous Color

#7f4df1
```
#7f4df1 rgb(127,77,241)
```
#f1d14d
```
#f1d14d rgb(241,209,77)
```
#4dbff1
```
#4dbff1 rgb(77,191,241)
```

Split Complementary Color

#d14df1
```
#d14df1 rgb(209,77,241)
```
#f1d14d
```
#f1d14d rgb(241,209,77)
```
#4df1d1
```
#4df1d1 rgb(77,241,209)
```

Triadic Color

#f14d6d
```
#f14d6d rgb(241,77,109)
```
#f1d14d
```
#f1d14d rgb(241,209,77)
```
#4df1d1
```
#4df1d1 rgb(77,241,209)
```
#4d6df1
```
#4d6df1 rgb(77,109,241)
```

Tetradic Color

#e0b812
```
#e0b812 rgb(224,184,18)
```
#edc51e
```
#edc51e rgb(237,197,30)
```
#efcb35
```
#efcb35 rgb(239,203,53)
```
#f1d14d
```
#f1d14d rgb(241,209,77)
```
#f3d765
```
#f3d765 rgb(243,215,101)
```
#f5dd7c
```
#f5dd7c rgb(245,221,124)
```
#f7e394
```
#f7e394 rgb(247,227,148)
```

Monochromatic Color

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

#f1a84d
```
#f1a84d rgb(241,168,77)
```
#f1b64d
```
#f1b64d rgb(241,182,77)
```
#f1c34d
```
#f1c34d rgb(241,195,77)
```
#f1d14d
```
#f1d14d rgb(241,209,77)
```
#f1df4d
```
#f1df4d rgb(241,223,77)
```
#f1ec4d
```
#f1ec4d rgb(241,236,77)
```
#e8f14d
```
#e8f14d rgb(232,241,77)
```

Similar Colors

Text with hexadecimal color #f1d14d

This text has a font color of #f1d14d.

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

#f1d14d background color

This paragraph has a background color of #f1d14d.

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

#f1d14d border color

This element has a border color of #f1d14d.

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

CSS codes

.text {color:#f1d14d;}

.background {background-color:#f1d14d;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#161202
```
#161202 rgb(22,18,2)
```
#282103
```
#282103 rgb(40,33,3)
```
#3a3005
```
#3a3005 rgb(58,48,5)
```
#4d3f06
```
#4d3f06 rgb(77,63,6)
```
#5f4e07
```
#5f4e07 rgb(95,78,7)
```
#715d09
```
#715d09 rgb(113,93,9)
```
#836c0a
```
#836c0a rgb(131,108,10)
```
#957a0c
```
#957a0c rgb(149,122,12)
```
#a8890d
```
#a8890d rgb(168,137,13)
```
#ba980f
```
#ba980f rgb(186,152,15)
```
#cca710
```
#cca710 rgb(204,167,16)
```
#deb611
```
#deb611 rgb(222,182,17)
```

Shade Color Variation

#edc316
```
#edc316 rgb(237,195,22)
```
#eec829
```
#eec829 rgb(238,200,41)
```
#f0cc3b
```
#f0cc3b rgb(240,204,59)
```
#f1d14d
```
#f1d14d rgb(241,209,77)
```
#f2d65f
```
#f2d65f rgb(242,214,95)
```
#f4da71
```
#f4da71 rgb(244,218,113)
```
#f5df84
```
#f5df84 rgb(245,223,132)
```
#f7e496
```
#f7e496 rgb(247,228,150)
```
#f8e8a8
```
#f8e8a8 rgb(248,232,168)
```
#faedba
```
#faedba rgb(250,237,186)
```
#fbf2cc
```
#fbf2cc rgb(251,242,204)
```
#fcf7de
```
#fcf7de rgb(252,247,222)
```
#fefbf1
```
#fefbf1 rgb(254,251,241)
```

Tint Color Variation

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

#a09f9e
```
#a09f9e rgb(160,159,158)
```
#a7a497
```
#a7a497 rgb(167,164,151)
```
#afa88f
```
#afa88f rgb(175,168,143)
```
#b6ad88
```
#b6ad88 rgb(182,173,136)
```
#bdb181
```
#bdb181 rgb(189,177,129)
```
#c5b679
```
#c5b679 rgb(197,182,121)
```
#ccba72
```
#ccba72 rgb(204,186,114)
```
#d3bf6b
```
#d3bf6b rgb(211,191,107)
```
#dbc363
```
#dbc363 rgb(219,195,99)
```
#e2c85c
```
#e2c85c rgb(226,200,92)
```
#eacc54
```
#eacc54 rgb(234,204,84)
```
#f1d14d
```
#f1d14d rgb(241,209,77)
```
#f8d646
```
#f8d646 rgb(248,214,70)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d3cdb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd556 Protanopia 1% of men
#ffcc7c Deuteranopia 1% of men
#fcc6d4 Tritanopia 0.001% of the population

Trichromacy

#eed353 Protanomaly 1% of men, 0.01% of women
#f9ce6b Deuteranomaly 6% of men, 0.4% of women
#f8caa3 Tritanomaly 0.01% of the population

#f1d14d hex color

#f1d14d Color Information

#f1d14d Color Conversion

Color Schemes with #f1d14d

Alternatives to #f1d14d

#f1d14d Preview

Shades and Tints of #f1d14d

Tones of #f1d14d

Color Blindness Simulator