#feaf56 hex color

In a RGB color space, hex #feaf56 is composed of 99.6% red, 68.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.1% magenta, 66.1% yellow and 0.4% black. It has a hue angle of 31.8 degrees, a saturation of 98.8% and a lightness of 66.7%. #feaf56 color hex could be obtained by blending #ffffac with #fd5f00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 100
- G 69
- B 34
RGB color chart
- C 0
- M 31
- Y 66
- K 0
CMYK color chart

● #feaf56 color description : Soft orange.

The hexadecimal color #feaf56 has RGB values of R:254, G:175, B:86 and CMYK values of C:0, M:0.31, Y:0.66, K:0. Its decimal value is 16691030.

Hex triplet	feaf56	`#feaf56`
RGB Decimal	254, 175, 86	`rgb(254,175,86)`
RGB Percent	99.6, 68.6, 33.7	`rgb(99.6%,68.6%,33.7%)`
CMYK	0, 31, 66, 0
HSL	31.8°, 98.8, 66.7	`hsl(31.8,98.8%,66.7%)`
HSV (or HSB)	31.8°, 66.1, 99.6
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.523, 20.698, 55.993
XYZ	57.884, 52.406, 15.87
xyY	0.459, 0.415, 52.406
CIE-LCH	77.523, 59.696, 69.713
CIE-LUV	77.523, 62.331, 61.143
Hunter-Lab	72.392, 16.04, 37.676
Binary	11111110, 10101111, 01010110

#feaf56
```
#feaf56 rgb(254,175,86)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```

Complementary Color

#fe5b56
```
#fe5b56 rgb(254,91,86)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```
#f9fe56
```
#f9fe56 rgb(249,254,86)
```

Analogous Color

#5b56fe
```
#5b56fe rgb(91,86,254)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```
#56f9fe
```
#56f9fe rgb(86,249,254)
```

Split Complementary Color

#af56fe
```
#af56fe rgb(175,86,254)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```
#56feaf
```
#56feaf rgb(86,254,175)
```

Triadic Color

#fe56a5
```
#fe56a5 rgb(254,86,165)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```
#56feaf
```
#56feaf rgb(86,254,175)
```
#56a5fe
```
#56a5fe rgb(86,165,254)
```

Tetradic Color

#fe8b0a
```
#fe8b0a rgb(254,139,10)
```
#fe9723
```
#fe9723 rgb(254,151,35)
```
#fea33d
```
#fea33d rgb(254,163,61)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```
#febb6f
```
#febb6f rgb(254,187,111)
```
#fec789
```
#fec789 rgb(254,199,137)
```
#fed3a2
```
#fed3a2 rgb(254,211,162)
```

Monochromatic Color

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

#fe8556
```
#fe8556 rgb(254,133,86)
```
#fe9356
```
#fe9356 rgb(254,147,86)
```
#fea156
```
#fea156 rgb(254,161,86)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```
#febd56
```
#febd56 rgb(254,189,86)
```
#fecb56
```
#fecb56 rgb(254,203,86)
```
#fed956
```
#fed956 rgb(254,217,86)
```

Similar Colors

Text with hexadecimal color #feaf56

This text has a font color of #feaf56.

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

#feaf56 background color

This paragraph has a background color of #feaf56.

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

#feaf56 border color

This element has a border color of #feaf56.

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

CSS codes

.text {color:#feaf56;}

.background {background-color:#feaf56;}

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

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

#060300
```
#060300 rgb(6,3,0)
```
#1a0e00
```
#1a0e00 rgb(26,14,0)
```
#2e1800
```
#2e1800 rgb(46,24,0)
```
#412300
```
#412300 rgb(65,35,0)
```
#552d00
```
#552d00 rgb(85,45,0)
```
#683701
```
#683701 rgb(104,55,1)
```
#7c4201
```
#7c4201 rgb(124,66,1)
```
#8f4c01
```
#8f4c01 rgb(143,76,1)
```
#a35701
```
#a35701 rgb(163,87,1)
```
#b66101
```
#b66101 rgb(182,97,1)
```
#ca6b01
```
#ca6b01 rgb(202,107,1)
```
#dd7601
```
#dd7601 rgb(221,118,1)
```
#f18001
```
#f18001 rgb(241,128,1)
```

Shade Color Variation

#fe8a08
```
#fe8a08 rgb(254,138,8)
```
#fe931c
```
#fe931c rgb(254,147,28)
```
#fe9d2f
```
#fe9d2f rgb(254,157,47)
```
#fea643
```
#fea643 rgb(254,166,67)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```
#feb86a
```
#feb86a rgb(254,184,106)
```
#fec17d
```
#fec17d rgb(254,193,125)
```
#fecb91
```
#fecb91 rgb(254,203,145)
```
#fed4a4
```
#fed4a4 rgb(254,212,164)
```
#ffddb8
```
#ffddb8 rgb(255,221,184)
```
#ffe6cb
```
#ffe6cb rgb(255,230,203)
```
#fff0df
```
#fff0df rgb(255,240,223)
```
#fff9f2
```
#fff9f2 rgb(255,249,242)
```

Tint Color Variation

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

#b0aaa4
```
#b0aaa4 rgb(176,170,164)
```
#b6ab9e
```
#b6ab9e rgb(182,171,158)
```
#bdab97
```
#bdab97 rgb(189,171,151)
```
#c3ab91
```
#c3ab91 rgb(195,171,145)
```
#caac8a
```
#caac8a rgb(202,172,138)
```
#d0ac84
```
#d0ac84 rgb(208,172,132)
```
#d7ad7d
```
#d7ad7d rgb(215,173,125)
```
#ddad77
```
#ddad77 rgb(221,173,119)
```
#e4ad70
```
#e4ad70 rgb(228,173,112)
```
#eaae6a
```
#eaae6a rgb(234,174,106)
```
#f1ae63
```
#f1ae63 rgb(241,174,99)
```
#f7af5d
```
#f7af5d rgb(247,175,93)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c9b9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c263 Protanopia 1% of men
#efba5c Deuteranopia 1% of men
#ffacb6 Tritanopia 0.001% of the population

Trichromacy

#e5bb5e Protanomaly 1% of men, 0.01% of women
#f4b65a Deuteranomaly 6% of men, 0.4% of women
#fead93 Tritanomaly 0.01% of the population

#feaf56 hex color

#feaf56 Color Information

#feaf56 Color Conversion

Color Schemes with #feaf56

Alternatives to #feaf56

#feaf56 Preview

Shades and Tints of #feaf56

Tones of #feaf56

Color Blindness Simulator