#fea54d hex color

In a RGB color space, hex #fea54d is composed of 99.6% red, 64.7% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35% magenta, 69.7% yellow and 0.4% black. It has a hue angle of 29.8 degrees, a saturation of 98.9% and a lightness of 64.9%. #fea54d color hex could be obtained by blending #ffff9a with #fd4b00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 100
- G 65
- B 30
RGB color chart
- C 0
- M 35
- Y 70
- K 0
CMYK color chart

● #fea54d color description : Soft orange.

The hexadecimal color #fea54d has RGB values of R:254, G:165, B:77 and CMYK values of C:0, M:0.35, Y:0.7, K:0. Its decimal value is 16688461.

Hex triplet	fea54d	`#fea54d`
RGB Decimal	254, 165, 77	`rgb(254,165,77)`
RGB Percent	99.6, 64.7, 30.2	`rgb(99.6%,64.7%,30.2%)`
CMYK	0, 35, 70, 0
HSL	29.8°, 98.9, 64.9	`hsl(29.8,98.9%,64.9%)`
HSV (or HSB)	29.8°, 69.7, 99.6
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.152, 25.442, 57.542
XYZ	55.669, 48.521, 13.454
xyY	0.473, 0.412, 48.521
CIE-LCH	75.152, 62.916, 66.148
CIE-LUV	75.152, 70.782, 60.303
Hunter-Lab	69.657, 20.756, 37.308
Binary	11111110, 10100101, 01001101

#fea54d
```
#fea54d rgb(254,165,77)
```
#4da6fe
```
#4da6fe rgb(77,166,254)
```

Complementary Color

#fe4d4e
```
#fe4d4e rgb(254,77,78)
```
#fea54d
```
#fea54d rgb(254,165,77)
```
#fefe4d
```
#fefe4d rgb(254,254,77)
```

Analogous Color

#4d4efe
```
#4d4efe rgb(77,78,254)
```
#fea54d
```
#fea54d rgb(254,165,77)
```
#4dfefe
```
#4dfefe rgb(77,254,254)
```

Split Complementary Color

#a54dfe
```
#a54dfe rgb(165,77,254)
```
#fea54d
```
#fea54d rgb(254,165,77)
```
#4dfea5
```
#4dfea5 rgb(77,254,165)
```

Triadic Color

#fe4da6
```
#fe4da6 rgb(254,77,166)
```
#fea54d
```
#fea54d rgb(254,165,77)
```
#4dfea5
```
#4dfea5 rgb(77,254,165)
```
#4da6fe
```
#4da6fe rgb(77,166,254)
```

Tetradic Color

#fd7f01
```
#fd7f01 rgb(253,127,1)
```
#fe8b1a
```
#fe8b1a rgb(254,139,26)
```
#fe9834
```
#fe9834 rgb(254,152,52)
```
#fea54d
```
#fea54d rgb(254,165,77)
```
#feb266
```
#feb266 rgb(254,178,102)
```
#febf80
```
#febf80 rgb(254,191,128)
```
#fecb99
```
#fecb99 rgb(254,203,153)
```

Monochromatic Color

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

#fe794d
```
#fe794d rgb(254,121,77)
```
#fe884d
```
#fe884d rgb(254,136,77)
```
#fe964d
```
#fe964d rgb(254,150,77)
```
#fea54d
```
#fea54d rgb(254,165,77)
```
#feb44d
```
#feb44d rgb(254,180,77)
```
#fec34d
```
#fec34d rgb(254,195,77)
```
#fed14d
```
#fed14d rgb(254,209,77)
```

Similar Colors

Text with hexadecimal color #fea54d

This text has a font color of #fea54d.

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

#fea54d background color

This paragraph has a background color of #fea54d.

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

#fea54d border color

This element has a border color of #fea54d.

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

CSS codes

.text {color:#fea54d;}

.background {background-color:#fea54d;}

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

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

#110900
```
#110900 rgb(17,9,0)
```
#251200
```
#251200 rgb(37,18,0)
```
#381c00
```
#381c00 rgb(56,28,0)
```
#4c2600
```
#4c2600 rgb(76,38,0)
```
#5f3001
```
#5f3001 rgb(95,48,1)
```
#733901
```
#733901 rgb(115,57,1)
```
#864301
```
#864301 rgb(134,67,1)
```
#9a4d01
```
#9a4d01 rgb(154,77,1)
```
#ad5701
```
#ad5701 rgb(173,87,1)
```
#c16001
```
#c16001 rgb(193,96,1)
```
#d46a01
```
#d46a01 rgb(212,106,1)
```
#e87401
```
#e87401 rgb(232,116,1)
```
#fb7e01
```
#fb7e01 rgb(251,126,1)
```

Shade Color Variation

#fe8712
```
#fe8712 rgb(254,135,18)
```
#fe9126
```
#fe9126 rgb(254,145,38)
```
#fe9b39
```
#fe9b39 rgb(254,155,57)
```
#fea54d
```
#fea54d rgb(254,165,77)
```
#feaf61
```
#feaf61 rgb(254,175,97)
```
#feb974
```
#feb974 rgb(254,185,116)
```
#fec388
```
#fec388 rgb(254,195,136)
```
#fecc9b
```
#fecc9b rgb(254,204,155)
```
#ffd6af
```
#ffd6af rgb(255,214,175)
```
#ffe0c2
```
#ffe0c2 rgb(255,224,194)
```
#ffead6
```
#ffead6 rgb(255,234,214)
```
#fff4e9
```
#fff4e9 rgb(255,244,233)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#aba5a0
```
#aba5a0 rgb(171,165,160)
```
#b2a599
```
#b2a599 rgb(178,165,153)
```
#b9a592
```
#b9a592 rgb(185,165,146)
```
#c0a58b
```
#c0a58b rgb(192,165,139)
```
#c7a584
```
#c7a584 rgb(199,165,132)
```
#cea57d
```
#cea57d rgb(206,165,125)
```
#d5a576
```
#d5a576 rgb(213,165,118)
```
#dca56f
```
#dca56f rgb(220,165,111)
```
#e2a569
```
#e2a569 rgb(226,165,105)
```
#e9a562
```
#e9a562 rgb(233,165,98)
```
#f0a55b
```
#f0a55b rgb(240,165,91)
```
#f7a554
```
#f7a554 rgb(247,165,84)
```
#fea54d
```
#fea54d rgb(254,165,77)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#c4b3a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bc5b Protanopia 1% of men
#e8b452 Deuteranopia 1% of men
#ffa2ac Tritanopia 0.001% of the population

Trichromacy

#e1b456 Protanomaly 1% of men, 0.01% of women
#f0ae50 Deuteranomaly 6% of men, 0.4% of women
#fea389 Tritanomaly 0.01% of the population

#fea54d hex color

#fea54d Color Information

#fea54d Color Conversion

Color Schemes with #fea54d

Alternatives to #fea54d

#fea54d Preview

Shades and Tints of #fea54d

Tones of #fea54d

Color Blindness Simulator