#fec57d hex color

In a RGB color space, hex #fec57d is composed of 99.6% red, 77.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 50.8% yellow and 0.4% black. It has a hue angle of 33.5 degrees, a saturation of 98.5% and a lightness of 74.3%. #fec57d color hex could be obtained by blending #fffffa with #fd8b00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 77
- B 49
RGB color chart
- C 0
- M 22
- Y 51
- K 0
CMYK color chart

● #fec57d color description : Soft orange.

The hexadecimal color #fec57d has RGB values of R:254, G:197, B:125 and CMYK values of C:0, M:0.22, Y:0.51, K:0. Its decimal value is 16696701.

Hex triplet	fec57d	`#fec57d`
RGB Decimal	254, 197, 125	`rgb(254,197,125)`
RGB Percent	99.6, 77.3, 49	`rgb(99.6%,77.3%,49%)`
CMYK	0, 22, 51, 0
HSL	33.5°, 98.5, 74.3	`hsl(33.5,98.5%,74.3%)`
HSV (or HSB)	33.5°, 50.8, 99.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.172, 12.013, 43.708
XYZ	64.541, 62.487, 28.063
xyY	0.416, 0.403, 62.487
CIE-LCH	83.172, 45.329, 74.631
CIE-LUV	83.172, 43.114, 53.516
Hunter-Lab	79.049, 7.406, 34.286
Binary	11111110, 11000101, 01111101

#fec57d
```
#fec57d rgb(254,197,125)
```
#7db6fe
```
#7db6fe rgb(125,182,254)
```

Complementary Color

#fe857d
```
#fe857d rgb(254,133,125)
```
#fec57d
```
#fec57d rgb(254,197,125)
```
#f7fe7d
```
#f7fe7d rgb(247,254,125)
```

Analogous Color

#857dfe
```
#857dfe rgb(133,125,254)
```
#fec57d
```
#fec57d rgb(254,197,125)
```
#7df7fe
```
#7df7fe rgb(125,247,254)
```

Split Complementary Color

#c57dfe
```
#c57dfe rgb(197,125,254)
```
#fec57d
```
#fec57d rgb(254,197,125)
```
#7dfec5
```
#7dfec5 rgb(125,254,197)
```

Triadic Color

#fe7db6
```
#fe7db6 rgb(254,125,182)
```
#fec57d
```
#fec57d rgb(254,197,125)
```
#7dfec5
```
#7dfec5 rgb(125,254,197)
```
#7db6fe
```
#7db6fe rgb(125,182,254)
```

Tetradic Color

#fda331
```
#fda331 rgb(253,163,49)
```
#feae4a
```
#feae4a rgb(254,174,74)
```
#feba64
```
#feba64 rgb(254,186,100)
```
#fec57d
```
#fec57d rgb(254,197,125)
```
#fed096
```
#fed096 rgb(254,208,150)
```
#fedcb0
```
#fedcb0 rgb(254,220,176)
```
#ffe7c9
```
#ffe7c9 rgb(255,231,201)
```

Monochromatic Color

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

#fea57d
```
#fea57d rgb(254,165,125)
```
#feb07d
```
#feb07d rgb(254,176,125)
```
#feba7d
```
#feba7d rgb(254,186,125)
```
#fec57d
```
#fec57d rgb(254,197,125)
```
#fed07d
```
#fed07d rgb(254,208,125)
```
#fedb7d
```
#fedb7d rgb(254,219,125)
```
#fee57d
```
#fee57d rgb(254,229,125)
```

Similar Colors

Text with hexadecimal color #fec57d

This text has a font color of #fec57d.

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

#fec57d background color

This paragraph has a background color of #fec57d.

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

#fec57d border color

This element has a border color of #fec57d.

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

CSS codes

.text {color:#fec57d;}

.background {background-color:#fec57d;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#1a0e00
```
#1a0e00 rgb(26,14,0)
```
#2d1900
```
#2d1900 rgb(45,25,0)
```
#412400
```
#412400 rgb(65,36,0)
```
#542f01
```
#542f01 rgb(84,47,1)
```
#683a01
```
#683a01 rgb(104,58,1)
```
#7b4501
```
#7b4501 rgb(123,69,1)
```
#8f5001
```
#8f5001 rgb(143,80,1)
```
#a25b01
```
#a25b01 rgb(162,91,1)
```
#b56601
```
#b56601 rgb(181,102,1)
```
#c97102
```
#c97102 rgb(201,113,2)
```
#dc7c02
```
#dc7c02 rgb(220,124,2)
```
#f08702
```
#f08702 rgb(240,135,2)
```

Shade Color Variation

#fd9108
```
#fd9108 rgb(253,145,8)
```
#fd9a1c
```
#fd9a1c rgb(253,154,28)
```
#fda22f
```
#fda22f rgb(253,162,47)
```
#feab43
```
#feab43 rgb(254,171,67)
```
#feb456
```
#feb456 rgb(254,180,86)
```
#febc6a
```
#febc6a rgb(254,188,106)
```
#fec57d
```
#fec57d rgb(254,197,125)
```
#fece90
```
#fece90 rgb(254,206,144)
```
#fed6a4
```
#fed6a4 rgb(254,214,164)
```
#fedfb7
```
#fedfb7 rgb(254,223,183)
```
#ffe8cb
```
#ffe8cb rgb(255,232,203)
```
#fff0de
```
#fff0de rgb(255,240,222)
```
#fff9f2
```
#fff9f2 rgb(255,249,242)
```

Tint Color Variation

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

#c2beb9
```
#c2beb9 rgb(194,190,185)
```
#c7bfb4
```
#c7bfb4 rgb(199,191,180)
```
#ccbfaf
```
#ccbfaf rgb(204,191,175)
```
#d1c0aa
```
#d1c0aa rgb(209,192,170)
```
#d6c0a5
```
#d6c0a5 rgb(214,192,165)
```
#dbc1a0
```
#dbc1a0 rgb(219,193,160)
```
#e0c19b
```
#e0c19b rgb(224,193,155)
```
#e5c296
```
#e5c296 rgb(229,194,150)
```
#eac391
```
#eac391 rgb(234,195,145)
```
#efc38c
```
#efc38c rgb(239,195,140)
```
#f4c487
```
#f4c487 rgb(244,196,135)
```
#f9c482
```
#f9c482 rgb(249,196,130)
```
#fec57d
```
#fec57d rgb(254,197,125)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d8ccbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d187 Protanopia 1% of men
#fcc883 Deuteranopia 1% of men
#ffc1cc Tritanopia 0.001% of the population

Trichromacy

#edcd83 Protanomaly 1% of men, 0.01% of women
#fcc781 Deuteranomaly 6% of men, 0.4% of women
#fec2af Tritanomaly 0.01% of the population

#fec57d hex color

#fec57d Color Information

#fec57d Color Conversion

Color Schemes with #fec57d

Alternatives to #fec57d

#fec57d Preview

Shades and Tints of #fec57d

Tones of #fec57d

Color Blindness Simulator