#f1c564 hex color

In a RGB color space, hex #f1c564 is composed of 94.5% red, 77.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 58.5% yellow and 5.5% black. It has a hue angle of 41.3 degrees, a saturation of 83.4% and a lightness of 66.9%. #f1c564 color hex could be obtained by blending #ffffc8 with #e38b00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 77
- B 39
RGB color chart
- C 0
- M 18
- Y 59
- K 5
CMYK color chart

● #f1c564 color description : Soft orange.

The hexadecimal color #f1c564 has RGB values of R:241, G:197, B:100 and CMYK values of C:0, M:0.18, Y:0.59, K:0.05. Its decimal value is 15844708.

Hex triplet	f1c564	`#f1c564`
RGB Decimal	241, 197, 100	`rgb(241,197,100)`
RGB Percent	94.5, 77.3, 39.2	`rgb(94.5%,77.3%,39.2%)`
CMYK	0, 18, 59, 5
HSL	41.3°, 83.4, 66.9	`hsl(41.3,83.4%,66.9%)`
HSV (or HSB)	41.3°, 58.5, 94.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.596, 4.744, 53.7
XYZ	58.543, 59.556, 20.468
xyY	0.422, 0.43, 59.556
CIE-LCH	81.596, 53.909, 84.952
CIE-LUV	81.596, 35.282, 64.323
Hunter-Lab	77.172, 0.358, 38.296
Binary	11110001, 11000101, 01100100

#f1c564
```
#f1c564 rgb(241,197,100)
```
#6490f1
```
#6490f1 rgb(100,144,241)
```

Complementary Color

#f17f64
```
#f17f64 rgb(241,127,100)
```
#f1c564
```
#f1c564 rgb(241,197,100)
```
#d7f164
```
#d7f164 rgb(215,241,100)
```

Analogous Color

#7f64f1
```
#7f64f1 rgb(127,100,241)
```
#f1c564
```
#f1c564 rgb(241,197,100)
```
#64d7f1
```
#64d7f1 rgb(100,215,241)
```

Split Complementary Color

#c564f1
```
#c564f1 rgb(197,100,241)
```
#f1c564
```
#f1c564 rgb(241,197,100)
```
#64f1c5
```
#64f1c5 rgb(100,241,197)
```

Triadic Color

#f16490
```
#f16490 rgb(241,100,144)
```
#f1c564
```
#f1c564 rgb(241,197,100)
```
#64f1c5
```
#64f1c5 rgb(100,241,197)
```
#6490f1
```
#6490f1 rgb(100,144,241)
```

Tetradic Color

#ebab1e
```
#ebab1e rgb(235,171,30)
```
#edb335
```
#edb335 rgb(237,179,53)
```
#efbc4d
```
#efbc4d rgb(239,188,77)
```
#f1c564
```
#f1c564 rgb(241,197,100)
```
#f3ce7b
```
#f3ce7b rgb(243,206,123)
```
#f5d793
```
#f5d793 rgb(245,215,147)
```
#f7dfaa
```
#f7dfaa rgb(247,223,170)
```

Monochromatic Color

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

#f1a264
```
#f1a264 rgb(241,162,100)
```
#f1ae64
```
#f1ae64 rgb(241,174,100)
```
#f1b964
```
#f1b964 rgb(241,185,100)
```
#f1c564
```
#f1c564 rgb(241,197,100)
```
#f1d164
```
#f1d164 rgb(241,209,100)
```
#f1dd64
```
#f1dd64 rgb(241,221,100)
```
#f1e864
```
#f1e864 rgb(241,232,100)
```

Similar Colors

Text with hexadecimal color #f1c564

This text has a font color of #f1c564.

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

#f1c564 background color

This paragraph has a background color of #f1c564.

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

#f1c564 border color

This element has a border color of #f1c564.

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

CSS codes

.text {color:#f1c564;}

.background {background-color:#f1c564;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#191202
```
#191202 rgb(25,18,2)
```
#2b1f04
```
#2b1f04 rgb(43,31,4)
```
#3d2c05
```
#3d2c05 rgb(61,44,5)
```
#4f3807
```
#4f3807 rgb(79,56,7)
```
#614509
```
#614509 rgb(97,69,9)
```
#73520a
```
#73520a rgb(115,82,10)
```
#855f0c
```
#855f0c rgb(133,95,12)
```
#976c0e
```
#976c0e rgb(151,108,14)
```
#a9790f
```
#a9790f rgb(169,121,15)
```
#bb8611
```
#bb8611 rgb(187,134,17)
```
#cd9312
```
#cd9312 rgb(205,147,18)
```
#dfa014
```
#dfa014 rgb(223,160,20)
```

Shade Color Variation

#ebaa1c
```
#ebaa1c rgb(235,170,28)
```
#ecb12e
```
#ecb12e rgb(236,177,46)
```
#eeb840
```
#eeb840 rgb(238,184,64)
```
#efbe52
```
#efbe52 rgb(239,190,82)
```
#f1c564
```
#f1c564 rgb(241,197,100)
```
#f3cc76
```
#f3cc76 rgb(243,204,118)
```
#f4d288
```
#f4d288 rgb(244,210,136)
```
#f6d99a
```
#f6d99a rgb(246,217,154)
```
#f7e0ac
```
#f7e0ac rgb(247,224,172)
```
#f9e7be
```
#f9e7be rgb(249,231,190)
```
#fbedd0
```
#fbedd0 rgb(251,237,208)
```
#fcf4e2
```
#fcf4e2 rgb(252,244,226)
```
#fefbf4
```
#fefbf4 rgb(254,251,244)
```

Tint Color Variation

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

#b0ada5
```
#b0ada5 rgb(176,173,165)
```
#b7af9f
```
#b7af9f rgb(183,175,159)
```
#bdb198
```
#bdb198 rgb(189,177,152)
```
#c4b492
```
#c4b492 rgb(196,180,146)
```
#cab68b
```
#cab68b rgb(202,182,139)
```
#d1b985
```
#d1b985 rgb(209,185,133)
```
#d7bb7e
```
#d7bb7e rgb(215,187,126)
```
#debe78
```
#debe78 rgb(222,190,120)
```
#e4c071
```
#e4c071 rgb(228,192,113)
```
#ebc36b
```
#ebc36b rgb(235,195,107)
```
#f1c564
```
#f1c564 rgb(241,197,100)
```
#f8c75e
```
#f8c75e rgb(248,199,94)
```
#feca57
```
#feca57 rgb(254,202,87)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cfc7b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd6d Protanopia 1% of men
#fac46d Deuteranopia 1% of men
#fabdca Tritanopia 0.001% of the population

Trichromacy

#e7ca6a Protanomaly 1% of men, 0.01% of women
#f7c469 Deuteranomaly 6% of men, 0.4% of women
#f7c0a5 Tritanomaly 0.01% of the population

#f1c564 hex color

#f1c564 Color Information

#f1c564 Color Conversion

Color Schemes with #f1c564

Alternatives to #f1c564

#f1c564 Preview

Shades and Tints of #f1c564

Tones of #f1c564

Color Blindness Simulator