#fdd97c hex color

In a RGB color space, hex #fdd97c is composed of 99.2% red, 85.1% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 51% yellow and 0.8% black. It has a hue angle of 43.3 degrees, a saturation of 97% and a lightness of 73.9%. #fdd97c color hex could be obtained by blending #fffff8 with #fbb300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 85
- B 49
RGB color chart
- C 0
- M 14
- Y 51
- K 1
CMYK color chart

● #fdd97c color description : Soft orange.

The hexadecimal color #fdd97c has RGB values of R:253, G:217, B:124 and CMYK values of C:0, M:0.14, Y:0.51, K:0.01. Its decimal value is 16636284.

Hex triplet	fdd97c	`#fdd97c`
RGB Decimal	253, 217, 124	`rgb(253,217,124)`
RGB Percent	99.2, 85.1, 48.6	`rgb(99.2%,85.1%,48.6%)`
CMYK	0, 14, 51, 1
HSL	43.3°, 97, 73.9	`hsl(43.3,97%,73.9%)`
HSV (or HSB)	43.3°, 51, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.952, 1.214, 50.068
XYZ	68.959, 71.966, 29.326
xyY	0.405, 0.423, 71.966
CIE-LCH	87.952, 50.082, 88.61
CIE-LUV	87.952, 28.873, 63.465
Hunter-Lab	84.833, -3.357, 38.887
Binary	11111101, 11011001, 01111100

#fdd97c
```
#fdd97c rgb(253,217,124)
```
#7ca0fd
```
#7ca0fd rgb(124,160,253)
```

Complementary Color

#fd997c
```
#fd997c rgb(253,153,124)
```
#fdd97c
```
#fdd97c rgb(253,217,124)
```
#e1fd7c
```
#e1fd7c rgb(225,253,124)
```

Analogous Color

#997cfd
```
#997cfd rgb(153,124,253)
```
#fdd97c
```
#fdd97c rgb(253,217,124)
```
#7ce1fd
```
#7ce1fd rgb(124,225,253)
```

Split Complementary Color

#d97cfd
```
#d97cfd rgb(217,124,253)
```
#fdd97c
```
#fdd97c rgb(253,217,124)
```
#7cfdd9
```
#7cfdd9 rgb(124,253,217)
```

Triadic Color

#fd7ca0
```
#fd7ca0 rgb(253,124,160)
```
#fdd97c
```
#fdd97c rgb(253,217,124)
```
#7cfdd9
```
#7cfdd9 rgb(124,253,217)
```
#7ca0fd
```
#7ca0fd rgb(124,160,253)
```

Tetradic Color

#fcc331
```
#fcc331 rgb(252,195,49)
```
#fcca4a
```
#fcca4a rgb(252,202,74)
```
#fdd263
```
#fdd263 rgb(253,210,99)
```
#fdd97c
```
#fdd97c rgb(253,217,124)
```
#fde095
```
#fde095 rgb(253,224,149)
```
#fee8ae
```
#fee8ae rgb(254,232,174)
```
#feefc7
```
#feefc7 rgb(254,239,199)
```

Monochromatic Color

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

#fdb97c
```
#fdb97c rgb(253,185,124)
```
#fdc47c
```
#fdc47c rgb(253,196,124)
```
#fdce7c
```
#fdce7c rgb(253,206,124)
```
#fdd97c
```
#fdd97c rgb(253,217,124)
```
#fde47c
```
#fde47c rgb(253,228,124)
```
#fdef7c
```
#fdef7c rgb(253,239,124)
```
#fdf97c
```
#fdf97c rgb(253,249,124)
```

Similar Colors

Text with hexadecimal color #fdd97c

This text has a font color of #fdd97c.

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

#fdd97c background color

This paragraph has a background color of #fdd97c.

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

#fdd97c border color

This element has a border color of #fdd97c.

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

CSS codes

.text {color:#fdd97c;}

.background {background-color:#fdd97c;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#181100
```
#181100 rgb(24,17,0)
```
#2b1f01
```
#2b1f01 rgb(43,31,1)
```
#3e2d01
```
#3e2d01 rgb(62,45,1)
```
#523b01
```
#523b01 rgb(82,59,1)
```
#654902
```
#654902 rgb(101,73,2)
```
#785702
```
#785702 rgb(120,87,2)
```
#8b6502
```
#8b6502 rgb(139,101,2)
```
#9f7302
```
#9f7302 rgb(159,115,2)
```
#b28103
```
#b28103 rgb(178,129,3)
```
#c58f03
```
#c58f03 rgb(197,143,3)
```
#d99d03
```
#d99d03 rgb(217,157,3)
```
#ecab04
```
#ecab04 rgb(236,171,4)
```

Shade Color Variation

#fbb708
```
#fbb708 rgb(251,183,8)
```
#fcbd1b
```
#fcbd1b rgb(252,189,27)
```
#fcc32f
```
#fcc32f rgb(252,195,47)
```
#fcc842
```
#fcc842 rgb(252,200,66)
```
#fcce55
```
#fcce55 rgb(252,206,85)
```
#fdd369
```
#fdd369 rgb(253,211,105)
```
#fdd97c
```
#fdd97c rgb(253,217,124)
```
#fddf8f
```
#fddf8f rgb(253,223,143)
```
#fee4a3
```
#fee4a3 rgb(254,228,163)
```
#feeab6
```
#feeab6 rgb(254,234,182)
```
#feefc9
```
#feefc9 rgb(254,239,201)
```
#fef5dd
```
#fef5dd rgb(254,245,221)
```
#fffbf0
```
#fffbf0 rgb(255,251,240)
```

Tint Color Variation

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

#c0beb9
```
#c0beb9 rgb(192,190,185)
```
#c5c0b4
```
#c5c0b4 rgb(197,192,180)
```
#cac2af
```
#cac2af rgb(202,194,175)
```
#cfc5aa
```
#cfc5aa rgb(207,197,170)
```
#d4c7a5
```
#d4c7a5 rgb(212,199,165)
```
#d9c9a0
```
#d9c9a0 rgb(217,201,160)
```
#decb9b
```
#decb9b rgb(222,203,155)
```
#e3ce96
```
#e3ce96 rgb(227,206,150)
```
#e9d090
```
#e9d090 rgb(233,208,144)
```
#eed28b
```
#eed28b rgb(238,210,139)
```
#f3d486
```
#f3d486 rgb(243,212,134)
```
#f8d781
```
#f8d781 rgb(248,215,129)
```
#fdd97c
```
#fdd97c rgb(253,217,124)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#e0d9c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3de83 Protanopia 1% of men
#ffd7a9 Deuteranopia 1% of men
#ffd3de Tritanopia 0.001% of the population

Trichromacy

#f6dc81 Protanomaly 1% of men, 0.01% of women
#fed898 Deuteranomaly 6% of men, 0.4% of women
#fed5ba Tritanomaly 0.01% of the population

#fdd97c hex color

#fdd97c Color Information

#fdd97c Color Conversion

Color Schemes with #fdd97c

Alternatives to #fdd97c

#fdd97c Preview

Shades and Tints of #fdd97c

Tones of #fdd97c

Color Blindness Simulator