#fdd67a hex color

In a RGB color space, hex #fdd67a is composed of 99.2% red, 83.9% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 51.8% yellow and 0.8% black. It has a hue angle of 42.1 degrees, a saturation of 97% and a lightness of 73.5%. #fdd67a color hex could be obtained by blending #fffff4 with #fbad00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 84
- B 48
RGB color chart
- C 0
- M 15
- Y 52
- K 1
CMYK color chart

● #fdd67a color description : Soft orange.

The hexadecimal color #fdd67a has RGB values of R:253, G:214, B:122 and CMYK values of C:0, M:0.15, Y:0.52, K:0.01. Its decimal value is 16635514.

Hex triplet	fdd67a	`#fdd67a`
RGB Decimal	253, 214, 122	`rgb(253,214,122)`
RGB Percent	99.2, 83.9, 47.8	`rgb(99.2%,83.9%,47.8%)`
CMYK	0, 15, 52, 1
HSL	42.1°, 97, 73.5	`hsl(42.1,97%,73.5%)`
HSV (or HSB)	42.1°, 51.8, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.185, 2.579, 50.102
XYZ	68.068, 70.383, 28.411
xyY	0.408, 0.422, 70.383
CIE-LCH	87.185, 50.168, 87.053
CIE-LUV	87.185, 31.003, 63.002
Hunter-Lab	83.895, -1.991, 38.648
Binary	11111101, 11010110, 01111010

#fdd67a
```
#fdd67a rgb(253,214,122)
```
#7aa1fd
```
#7aa1fd rgb(122,161,253)
```

Complementary Color

#fd957a
```
#fd957a rgb(253,149,122)
```
#fdd67a
```
#fdd67a rgb(253,214,122)
```
#e3fd7a
```
#e3fd7a rgb(227,253,122)
```

Analogous Color

#957afd
```
#957afd rgb(149,122,253)
```
#fdd67a
```
#fdd67a rgb(253,214,122)
```
#7ae3fd
```
#7ae3fd rgb(122,227,253)
```

Split Complementary Color

#d67afd
```
#d67afd rgb(214,122,253)
```
#fdd67a
```
#fdd67a rgb(253,214,122)
```
#7afdd6
```
#7afdd6 rgb(122,253,214)
```

Triadic Color

#fd7aa1
```
#fd7aa1 rgb(253,122,161)
```
#fdd67a
```
#fdd67a rgb(253,214,122)
```
#7afdd6
```
#7afdd6 rgb(122,253,214)
```
#7aa1fd
```
#7aa1fd rgb(122,161,253)
```

Tetradic Color

#fcbf2f
```
#fcbf2f rgb(252,191,47)
```
#fcc748
```
#fcc748 rgb(252,199,72)
```
#fdce61
```
#fdce61 rgb(253,206,97)
```
#fdd67a
```
#fdd67a rgb(253,214,122)
```
#fdde93
```
#fdde93 rgb(253,222,147)
```
#fee5ac
```
#fee5ac rgb(254,229,172)
```
#feedc5
```
#feedc5 rgb(254,237,197)
```

Monochromatic Color

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

#fdb57a
```
#fdb57a rgb(253,181,122)
```
#fdc07a
```
#fdc07a rgb(253,192,122)
```
#fdcb7a
```
#fdcb7a rgb(253,203,122)
```
#fdd67a
```
#fdd67a rgb(253,214,122)
```
#fde17a
```
#fde17a rgb(253,225,122)
```
#fdec7a
```
#fdec7a rgb(253,236,122)
```
#fdf77a
```
#fdf77a rgb(253,247,122)
```

Similar Colors

Text with hexadecimal color #fdd67a

This text has a font color of #fdd67a.

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

#fdd67a background color

This paragraph has a background color of #fdd67a.

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

#fdd67a border color

This element has a border color of #fdd67a.

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

CSS codes

.text {color:#fdd67a;}

.background {background-color:#fdd67a;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#160f00
```
#160f00 rgb(22,15,0)
```
#291d01
```
#291d01 rgb(41,29,1)
```
#3c2b01
```
#3c2b01 rgb(60,43,1)
```
#503801
```
#503801 rgb(80,56,1)
```
#634601
```
#634601 rgb(99,70,1)
```
#765402
```
#765402 rgb(118,84,2)
```
#8a6102
```
#8a6102 rgb(138,97,2)
```
#9d6f02
```
#9d6f02 rgb(157,111,2)
```
#b07d03
```
#b07d03 rgb(176,125,3)
```
#c48a03
```
#c48a03 rgb(196,138,3)
```
#d79803
```
#d79803 rgb(215,152,3)
```
#eaa604
```
#eaa604 rgb(234,166,4)
```

Shade Color Variation

#fbb206
```
#fbb206 rgb(251,178,6)
```
#fcb819
```
#fcb819 rgb(252,184,25)
```
#fcbe2d
```
#fcbe2d rgb(252,190,45)
```
#fcc440
```
#fcc440 rgb(252,196,64)
```
#fcca53
```
#fcca53 rgb(252,202,83)
```
#fdd067
```
#fdd067 rgb(253,208,103)
```
#fdd67a
```
#fdd67a rgb(253,214,122)
```
#fddc8d
```
#fddc8d rgb(253,220,141)
```
#fee2a1
```
#fee2a1 rgb(254,226,161)
```
#fee8b4
```
#fee8b4 rgb(254,232,180)
```
#feeec7
```
#feeec7 rgb(254,238,199)
```
#fef4db
```
#fef4db rgb(254,244,219)
```
#fffaee
```
#fffaee rgb(255,250,238)
```

Tint Color Variation

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

#bfbdb8
```
#bfbdb8 rgb(191,189,184)
```
#c4bfb3
```
#c4bfb3 rgb(196,191,179)
```
#c9c1ae
```
#c9c1ae rgb(201,193,174)
```
#cec3a9
```
#cec3a9 rgb(206,195,169)
```
#d3c5a4
```
#d3c5a4 rgb(211,197,164)
```
#d9c79e
```
#d9c79e rgb(217,199,158)
```
#dec999
```
#dec999 rgb(222,201,153)
```
#e3cb94
```
#e3cb94 rgb(227,203,148)
```
#e8ce8f
```
#e8ce8f rgb(232,206,143)
```
#edd08a
```
#edd08a rgb(237,208,138)
```
#f3d284
```
#f3d284 rgb(243,210,132)
```
#f8d47f
```
#f8d47f rgb(248,212,127)
```
#fdd67a
```
#fdd67a rgb(253,214,122)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#dfd7c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0dc82 Protanopia 1% of men
#ffd5a2 Deuteranopia 1% of men
#ffd0db Tritanopia 0.001% of the population

Trichromacy

#f5da7f Protanomaly 1% of men, 0.01% of women
#fed593 Deuteranomaly 6% of men, 0.4% of women
#fed2b8 Tritanomaly 0.01% of the population

#fdd67a hex color

#fdd67a Color Information

#fdd67a Color Conversion

Color Schemes with #fdd67a

Alternatives to #fdd67a

#fdd67a Preview

Shades and Tints of #fdd67a

Tones of #fdd67a

Color Blindness Simulator