#f1d180 hex color

In a RGB color space, hex #f1d180 is composed of 94.5% red, 82% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.3% magenta, 46.9% yellow and 5.5% black. It has a hue angle of 43 degrees, a saturation of 80.1% and a lightness of 72.4%. #f1d180 color hex could be obtained by blending #ffffff with #e3a301. Closest websafe color is: #ffcc99.

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

● #f1d180 color description : Soft orange.

The hexadecimal color #f1d180 has RGB values of R:241, G:209, B:128 and CMYK values of C:0, M:0.13, Y:0.47, K:0.05. Its decimal value is 15847808.

Hex triplet	f1d180	`#f1d180`
RGB Decimal	241, 209, 128	`rgb(241,209,128)`
RGB Percent	94.5, 82, 50.2	`rgb(94.5%,82%,50.2%)`
CMYK	0, 13, 47, 5
HSL	43°, 80.1, 72.4	`hsl(43,80.1%,72.4%)`
HSV (or HSB)	43°, 46.9, 94.5
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	84.926, 0.861, 44.134
XYZ	62.972, 65.862, 29.817
xyY	0.397, 0.415, 65.862
CIE-LCH	84.926, 44.143, 88.883
CIE-LUV	84.926, 25.445, 56.821
Hunter-Lab	81.155, -3.516, 35.026
Binary	11110001, 11010001, 10000000

#f1d180
```
#f1d180 rgb(241,209,128)
```
#80a0f1
```
#80a0f1 rgb(128,160,241)
```

Complementary Color

#f19980
```
#f19980 rgb(241,153,128)
```
#f1d180
```
#f1d180 rgb(241,209,128)
```
#d9f180
```
#d9f180 rgb(217,241,128)
```

Analogous Color

#9980f1
```
#9980f1 rgb(153,128,241)
```
#f1d180
```
#f1d180 rgb(241,209,128)
```
#80d9f1
```
#80d9f1 rgb(128,217,241)
```

Split Complementary Color

#d180f1
```
#d180f1 rgb(209,128,241)
```
#f1d180
```
#f1d180 rgb(241,209,128)
```
#80f1d1
```
#80f1d1 rgb(128,241,209)
```

Triadic Color

#f180a0
```
#f180a0 rgb(241,128,160)
```
#f1d180
```
#f1d180 rgb(241,209,128)
```
#80f1d1
```
#80f1d1 rgb(128,241,209)
```
#80a0f1
```
#80a0f1 rgb(128,160,241)
```

Tetradic Color

#e9b83b
```
#e9b83b rgb(233,184,59)
```
#ecc052
```
#ecc052 rgb(236,192,82)
```
#eec969
```
#eec969 rgb(238,201,105)
```
#f1d180
```
#f1d180 rgb(241,209,128)
```
#f4d997
```
#f4d997 rgb(244,217,151)
```
#f6e2ae
```
#f6e2ae rgb(246,226,174)
```
#f9eac5
```
#f9eac5 rgb(249,234,197)
```

Monochromatic Color

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

#f1b580
```
#f1b580 rgb(241,181,128)
```
#f1be80
```
#f1be80 rgb(241,190,128)
```
#f1c880
```
#f1c880 rgb(241,200,128)
```
#f1d180
```
#f1d180 rgb(241,209,128)
```
#f1da80
```
#f1da80 rgb(241,218,128)
```
#f1e480
```
#f1e480 rgb(241,228,128)
```
#f1ed80
```
#f1ed80 rgb(241,237,128)
```

Similar Colors

Text with hexadecimal color #f1d180

This text has a font color of #f1d180.

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

#f1d180 background color

This paragraph has a background color of #f1d180.

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

#f1d180 border color

This element has a border color of #f1d180.

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

CSS codes

.text {color:#f1d180;}

.background {background-color:#f1d180;}

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

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

#0e0b02
```
#0e0b02 rgb(14,11,2)
```
#201804
```
#201804 rgb(32,24,4)
```
#322505
```
#322505 rgb(50,37,5)
```
#433207
```
#433207 rgb(67,50,7)
```
#554009
```
#554009 rgb(85,64,9)
```
#674d0b
```
#674d0b rgb(103,77,11)
```
#785a0d
```
#785a0d rgb(120,90,13)
```
#8a670f
```
#8a670f rgb(138,103,15)
```
#9c7411
```
#9c7411 rgb(156,116,17)
```
#ad8213
```
#ad8213 rgb(173,130,19)
```
#bf8f15
```
#bf8f15 rgb(191,143,21)
```
#d19c17
```
#d19c17 rgb(209,156,23)
```
#e2a919
```
#e2a919 rgb(226,169,25)
```

Shade Color Variation

#e7b128
```
#e7b128 rgb(231,177,40)
```
#e9b739
```
#e9b739 rgb(233,183,57)
```
#ebbe4b
```
#ebbe4b rgb(235,190,75)
```
#edc45d
```
#edc45d rgb(237,196,93)
```
#efcb6e
```
#efcb6e rgb(239,203,110)
```
#f1d180
```
#f1d180 rgb(241,209,128)
```
#f3d792
```
#f3d792 rgb(243,215,146)
```
#f5dea3
```
#f5dea3 rgb(245,222,163)
```
#f7e4b5
```
#f7e4b5 rgb(247,228,181)
```
#f9ebc7
```
#f9ebc7 rgb(249,235,199)
```
#fbf1d8
```
#fbf1d8 rgb(251,241,216)
```
#fdf7ea
```
#fdf7ea rgb(253,247,234)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#bbb9b6
```
#bbb9b6 rgb(187,185,182)
```
#c0bcb1
```
#c0bcb1 rgb(192,188,177)
```
#c6beab
```
#c6beab rgb(198,190,171)
```
#cbc1a6
```
#cbc1a6 rgb(203,193,166)
```
#d0c3a1
```
#d0c3a1 rgb(208,195,161)
```
#d6c59b
```
#d6c59b rgb(214,197,155)
```
#dbc896
```
#dbc896 rgb(219,200,150)
```
#e1ca90
```
#e1ca90 rgb(225,202,144)
```
#e6cc8b
```
#e6cc8b rgb(230,204,139)
```
#eccf85
```
#eccf85 rgb(236,207,133)
```
#f1d180
```
#f1d180 rgb(241,209,128)
```
#f6d37b
```
#f6d37b rgb(246,211,123)
```
#fcd675
```
#fcd675 rgb(252,214,117)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d7d1c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d687 Protanopia 1% of men
#ffcd8f Deuteranopia 1% of men
#fac9d7 Tritanopia 0.001% of the population

Trichromacy

#ecd484 Protanomaly 1% of men, 0.01% of women
#f9cf89 Deuteranomaly 6% of men, 0.4% of women
#f7ccb7 Tritanomaly 0.01% of the population

#f1d180 hex color

#f1d180 Color Information

#f1d180 Color Conversion

Color Schemes with #f1d180

Alternatives to #f1d180

#f1d180 Preview

Shades and Tints of #f1d180

Tones of #f1d180

Color Blindness Simulator