#f5c775 hex color

In a RGB color space, hex #f5c775 is composed of 96.1% red, 78% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 52.2% yellow and 3.9% black. It has a hue angle of 38.4 degrees, a saturation of 86.5% and a lightness of 71%. #f5c775 color hex could be obtained by blending #ffffea with #eb8f00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 78
- B 46
RGB color chart
- C 0
- M 19
- Y 52
- K 4
CMYK color chart

● #f5c775 color description : Soft orange.

The hexadecimal color #f5c775 has RGB values of R:245, G:199, B:117 and CMYK values of C:0, M:0.19, Y:0.52, K:0.04. Its decimal value is 16107381.

Hex triplet	f5c775	`#f5c775`
RGB Decimal	245, 199, 117	`rgb(245,199,117)`
RGB Percent	96.1, 78, 45.9	`rgb(96.1%,78%,45.9%)`
CMYK	0, 19, 52, 4
HSL	38.4°, 86.5, 71	`hsl(38.4,86.5%,71%)`
HSV (or HSB)	38.4°, 52.2, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.671, 6.664, 46.876
XYZ	61.291, 61.546, 25.48
xyY	0.413, 0.415, 61.546
CIE-LCH	82.671, 47.348, 81.909
CIE-LUV	82.671, 35.73, 57.789
Hunter-Lab	78.451, 2.165, 35.659
Binary	11110101, 11000111, 01110101

#f5c775
```
#f5c775 rgb(245,199,117)
```
#75a3f5
```
#75a3f5 rgb(117,163,245)
```

Complementary Color

#f58775
```
#f58775 rgb(245,135,117)
```
#f5c775
```
#f5c775 rgb(245,199,117)
```
#e3f575
```
#e3f575 rgb(227,245,117)
```

Analogous Color

#8775f5
```
#8775f5 rgb(135,117,245)
```
#f5c775
```
#f5c775 rgb(245,199,117)
```
#75e3f5
```
#75e3f5 rgb(117,227,245)
```

Split Complementary Color

#c775f5
```
#c775f5 rgb(199,117,245)
```
#f5c775
```
#f5c775 rgb(245,199,117)
```
#75f5c7
```
#75f5c7 rgb(117,245,199)
```

Triadic Color

#f575a3
```
#f575a3 rgb(245,117,163)
```
#f5c775
```
#f5c775 rgb(245,199,117)
```
#75f5c7
```
#75f5c7 rgb(117,245,199)
```
#75a3f5
```
#75a3f5 rgb(117,163,245)
```

Tetradic Color

#f0aa2e
```
#f0aa2e rgb(240,170,46)
```
#f2b445
```
#f2b445 rgb(242,180,69)
```
#f3bd5d
```
#f3bd5d rgb(243,189,93)
```
#f5c775
```
#f5c775 rgb(245,199,117)
```
#f7d18d
```
#f7d18d rgb(247,209,141)
```
#f8daa5
```
#f8daa5 rgb(248,218,165)
```
#fae4bc
```
#fae4bc rgb(250,228,188)
```

Monochromatic Color

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

#f5a775
```
#f5a775 rgb(245,167,117)
```
#f5b275
```
#f5b275 rgb(245,178,117)
```
#f5bc75
```
#f5bc75 rgb(245,188,117)
```
#f5c775
```
#f5c775 rgb(245,199,117)
```
#f5d275
```
#f5d275 rgb(245,210,117)
```
#f5dc75
```
#f5dc75 rgb(245,220,117)
```
#f5e775
```
#f5e775 rgb(245,231,117)
```

Similar Colors

Text with hexadecimal color #f5c775

This text has a font color of #f5c775.

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

#f5c775 background color

This paragraph has a background color of #f5c775.

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

#f5c775 border color

This element has a border color of #f5c775.

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

CSS codes

.text {color:#f5c775;}

.background {background-color:#f5c775;}

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

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

#080601
```
#080601 rgb(8,6,1)
```
#1b1202
```
#1b1202 rgb(27,18,2)
```
#2d1e03
```
#2d1e03 rgb(45,30,3)
```
#3f2a05
```
#3f2a05 rgb(63,42,5)
```
#513606
```
#513606 rgb(81,54,6)
```
#644307
```
#644307 rgb(100,67,7)
```
#764f09
```
#764f09 rgb(118,79,9)
```
#885b0a
```
#885b0a rgb(136,91,10)
```
#9b670b
```
#9b670b rgb(155,103,11)
```
#ad730d
```
#ad730d rgb(173,115,13)
```
#bf7f0e
```
#bf7f0e rgb(191,127,14)
```
#d28c0f
```
#d28c0f rgb(210,140,15)
```
#e49811
```
#e49811 rgb(228,152,17)
```

Shade Color Variation

#eea21a
```
#eea21a rgb(238,162,26)
```
#f0a92c
```
#f0a92c rgb(240,169,44)
```
#f1b13e
```
#f1b13e rgb(241,177,62)
```
#f2b850
```
#f2b850 rgb(242,184,80)
```
#f4c063
```
#f4c063 rgb(244,192,99)
```
#f5c775
```
#f5c775 rgb(245,199,117)
```
#f6ce87
```
#f6ce87 rgb(246,206,135)
```
#f8d69a
```
#f8d69a rgb(248,214,154)
```
#f9ddac
```
#f9ddac rgb(249,221,172)
```
#fae5be
```
#fae5be rgb(250,229,190)
```
#fcecd0
```
#fcecd0 rgb(252,236,208)
```
#fdf4e3
```
#fdf4e3 rgb(253,244,227)
```
#fefbf5
```
#fefbf5 rgb(254,251,245)
```

Tint Color Variation

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

#b6b5b4
```
#b6b5b4 rgb(182,181,180)
```
#bcb7ae
```
#bcb7ae rgb(188,183,174)
```
#c2b9a8
```
#c2b9a8 rgb(194,185,168)
```
#c7baa3
```
#c7baa3 rgb(199,186,163)
```
#cdbc9d
```
#cdbc9d rgb(205,188,157)
```
#d3bd97
```
#d3bd97 rgb(211,189,151)
```
#d9bf91
```
#d9bf91 rgb(217,191,145)
```
#dec18c
```
#dec18c rgb(222,193,140)
```
#e4c286
```
#e4c286 rgb(228,194,134)
```
#eac480
```
#eac480 rgb(234,196,128)
```
#efc57b
```
#efc57b rgb(239,197,123)
```
#f5c775
```
#f5c775 rgb(245,199,117)
```
#fbc96f
```
#fbc96f rgb(251,201,111)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d3caba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d07e Protanopia 1% of men
#fbc77c Deuteranopia 1% of men
#fdc0cd Tritanopia 0.001% of the population

Trichromacy

#e9cc7a Protanomaly 1% of men, 0.01% of women
#f9c77a Deuteranomaly 6% of men, 0.4% of women
#fac2ad Tritanomaly 0.01% of the population

#f5c775 hex color

#f5c775 Color Information

#f5c775 Color Conversion

Color Schemes with #f5c775

Alternatives to #f5c775

#f5c775 Preview

Shades and Tints of #f5c775

Tones of #f5c775

Color Blindness Simulator