#fdd562 hex color

In a RGB color space, hex #fdd562 is composed of 99.2% red, 83.5% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 61.3% yellow and 0.8% black. It has a hue angle of 44.5 degrees, a saturation of 97.5% and a lightness of 68.8%. #fdd562 color hex could be obtained by blending #ffffc4 with #fbab00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 84
- B 38
RGB color chart
- C 0
- M 16
- Y 61
- K 1
CMYK color chart

● #fdd562 color description : Soft orange.

The hexadecimal color #fdd562 has RGB values of R:253, G:213, B:98 and CMYK values of C:0, M:0.16, Y:0.61, K:0.01. Its decimal value is 16635234.

Hex triplet	fdd562	`#fdd562`
RGB Decimal	253, 213, 98	`rgb(253,213,98)`
RGB Percent	99.2, 83.5, 38.4	`rgb(99.2%,83.5%,38.4%)`
CMYK	0, 16, 61, 1
HSL	44.5°, 97.5, 68.8	`hsl(44.5,97.5%,68.8%)`
HSV (or HSB)	44.5°, 61.3, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.68, 1.31, 60.682
XYZ	66.507, 69.356, 21.438
xyY	0.423, 0.441, 69.356
CIE-LCH	86.68, 60.696, 88.763
CIE-LUV	86.68, 33.029, 72.84
Hunter-Lab	83.28, -3.19, 43.033
Binary	11111101, 11010101, 01100010

#fdd562
```
#fdd562 rgb(253,213,98)
```
#628afd
```
#628afd rgb(98,138,253)
```

Complementary Color

#fd8862
```
#fd8862 rgb(253,136,98)
```
#fdd562
```
#fdd562 rgb(253,213,98)
```
#d8fd62
```
#d8fd62 rgb(216,253,98)
```

Analogous Color

#8862fd
```
#8862fd rgb(136,98,253)
```
#fdd562
```
#fdd562 rgb(253,213,98)
```
#62d8fd
```
#62d8fd rgb(98,216,253)
```

Split Complementary Color

#d562fd
```
#d562fd rgb(213,98,253)
```
#fdd562
```
#fdd562 rgb(253,213,98)
```
#62fdd5
```
#62fdd5 rgb(98,253,213)
```

Triadic Color

#fd628a
```
#fd628a rgb(253,98,138)
```
#fdd562
```
#fdd562 rgb(253,213,98)
```
#62fdd5
```
#62fdd5 rgb(98,253,213)
```
#628afd
```
#628afd rgb(98,138,253)
```

Tetradic Color

#fcc116
```
#fcc116 rgb(252,193,22)
```
#fcc830
```
#fcc830 rgb(252,200,48)
```
#fdce49
```
#fdce49 rgb(253,206,73)
```
#fdd562
```
#fdd562 rgb(253,213,98)
```
#fddc7b
```
#fddc7b rgb(253,220,123)
```
#fee294
```
#fee294 rgb(254,226,148)
```
#fee9ae
```
#fee9ae rgb(254,233,174)
```

Monochromatic Color

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

#fdae62
```
#fdae62 rgb(253,174,98)
```
#fdbb62
```
#fdbb62 rgb(253,187,98)
```
#fdc862
```
#fdc862 rgb(253,200,98)
```
#fdd562
```
#fdd562 rgb(253,213,98)
```
#fde262
```
#fde262 rgb(253,226,98)
```
#fdef62
```
#fdef62 rgb(253,239,98)
```
#fdfc62
```
#fdfc62 rgb(253,252,98)
```

Similar Colors

Text with hexadecimal color #fdd562

This text has a font color of #fdd562.

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

#fdd562 background color

This paragraph has a background color of #fdd562.

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

#fdd562 border color

This element has a border color of #fdd562.

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

CSS codes

.text {color:#fdd562;}

.background {background-color:#fdd562;}

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

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

#110d00
```
#110d00 rgb(17,13,0)
```
#251b00
```
#251b00 rgb(37,27,0)
```
#382a01
```
#382a01 rgb(56,42,1)
```
#4b3801
```
#4b3801 rgb(75,56,1)
```
#5f4701
```
#5f4701 rgb(95,71,1)
```
#725501
```
#725501 rgb(114,85,1)
```
#866402
```
#866402 rgb(134,100,2)
```
#997202
```
#997202 rgb(153,114,2)
```
#ac8002
```
#ac8002 rgb(172,128,2)
```
#c08f02
```
#c08f02 rgb(192,143,2)
```
#d39d03
```
#d39d03 rgb(211,157,3)
```
#e6ac03
```
#e6ac03 rgb(230,172,3)
```
#faba03
```
#faba03 rgb(250,186,3)
```

Shade Color Variation

#fcc015
```
#fcc015 rgb(252,192,21)
```
#fcc528
```
#fcc528 rgb(252,197,40)
```
#fdcb3b
```
#fdcb3b rgb(253,203,59)
```
#fdd04f
```
#fdd04f rgb(253,208,79)
```
#fdd562
```
#fdd562 rgb(253,213,98)
```
#fdda75
```
#fdda75 rgb(253,218,117)
```
#fddf89
```
#fddf89 rgb(253,223,137)
```
#fee59c
```
#fee59c rgb(254,229,156)
```
#feeaaf
```
#feeaaf rgb(254,234,175)
```
#feefc3
```
#feefc3 rgb(254,239,195)
```
#fef4d6
```
#fef4d6 rgb(254,244,214)
```
#fff9ea
```
#fff9ea rgb(255,249,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#b4b1ab
```
#b4b1ab rgb(180,177,171)
```
#bab4a5
```
#bab4a5 rgb(186,180,165)
```
#c0b79f
```
#c0b79f rgb(192,183,159)
```
#c6ba99
```
#c6ba99 rgb(198,186,153)
```
#ccbd93
```
#ccbd93 rgb(204,189,147)
```
#d2c08d
```
#d2c08d rgb(210,192,141)
```
#d8c387
```
#d8c387 rgb(216,195,135)
```
#dec681
```
#dec681 rgb(222,198,129)
```
#e5c97a
```
#e5c97a rgb(229,201,122)
```
#ebcc74
```
#ebcc74 rgb(235,204,116)
```
#f1cf6e
```
#f1cf6e rgb(241,207,110)
```
#f7d268
```
#f7d268 rgb(247,210,104)
```
#fdd562
```
#fdd562 rgb(253,213,98)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#dcd4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1db6b Protanopia 1% of men
#ffd499 Deuteranopia 1% of men
#ffced9 Tritanopia 0.001% of the population

Trichromacy

#f5d867 Protanomaly 1% of men, 0.01% of women
#fed485 Deuteranomaly 6% of men, 0.4% of women
#fed0ae Tritanomaly 0.01% of the population

#fdd562 hex color

#fdd562 Color Information

#fdd562 Color Conversion

Color Schemes with #fdd562

Alternatives to #fdd562

#fdd562 Preview

Shades and Tints of #fdd562

Tones of #fdd562

Color Blindness Simulator