#fdd45b hex color

In a RGB color space, hex #fdd45b is composed of 99.2% red, 83.1% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 64% yellow and 0.8% black. It has a hue angle of 44.8 degrees, a saturation of 97.6% and a lightness of 67.5%. #fdd45b color hex could be obtained by blending #ffffb6 with #fba900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 83
- B 36
RGB color chart
- C 0
- M 16
- Y 64
- K 1
CMYK color chart

● #fdd45b color description : Soft orange.

The hexadecimal color #fdd45b has RGB values of R:253, G:212, B:91 and CMYK values of C:0, M:0.16, Y:0.64, K:0.01. Its decimal value is 16634971.

Hex triplet	fdd45b	`#fdd45b`
RGB Decimal	253, 212, 91	`rgb(253,212,91)`
RGB Percent	99.2, 83.1, 35.7	`rgb(99.2%,83.1%,35.7%)`
CMYK	0, 16, 64, 1
HSL	44.8°, 97.6, 67.5	`hsl(44.8,97.6%,67.5%)`
HSV (or HSB)	44.8°, 64, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.369, 1.385, 63.4
XYZ	65.94, 68.728, 19.69
xyY	0.427, 0.445, 68.728
CIE-LCH	86.369, 63.415, 88.749
CIE-LUV	86.369, 34.069, 74.976
Hunter-Lab	82.902, -3.099, 43.95
Binary	11111101, 11010100, 01011011

#fdd45b
```
#fdd45b rgb(253,212,91)
```
#5b84fd
```
#5b84fd rgb(91,132,253)
```

Complementary Color

#fd835b
```
#fd835b rgb(253,131,91)
```
#fdd45b
```
#fdd45b rgb(253,212,91)
```
#d5fd5b
```
#d5fd5b rgb(213,253,91)
```

Analogous Color

#835bfd
```
#835bfd rgb(131,91,253)
```
#fdd45b
```
#fdd45b rgb(253,212,91)
```
#5bd5fd
```
#5bd5fd rgb(91,213,253)
```

Split Complementary Color

#d45bfd
```
#d45bfd rgb(212,91,253)
```
#fdd45b
```
#fdd45b rgb(253,212,91)
```
#5bfdd4
```
#5bfdd4 rgb(91,253,212)
```

Triadic Color

#fd5b84
```
#fd5b84 rgb(253,91,132)
```
#fdd45b
```
#fdd45b rgb(253,212,91)
```
#5bfdd4
```
#5bfdd4 rgb(91,253,212)
```
#5b84fd
```
#5b84fd rgb(91,132,253)
```

Tetradic Color

#fcc00f
```
#fcc00f rgb(252,192,15)
```
#fcc729
```
#fcc729 rgb(252,199,41)
```
#fdcd42
```
#fdcd42 rgb(253,205,66)
```
#fdd45b
```
#fdd45b rgb(253,212,91)
```
#fddb74
```
#fddb74 rgb(253,219,116)
```
#fee18d
```
#fee18d rgb(254,225,141)
```
#fee8a7
```
#fee8a7 rgb(254,232,167)
```

Monochromatic Color

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

#fdac5b
```
#fdac5b rgb(253,172,91)
```
#fdb95b
```
#fdb95b rgb(253,185,91)
```
#fdc75b
```
#fdc75b rgb(253,199,91)
```
#fdd45b
```
#fdd45b rgb(253,212,91)
```
#fde25b
```
#fde25b rgb(253,226,91)
```
#fdef5b
```
#fdef5b rgb(253,239,91)
```
#fdfd5b
```
#fdfd5b rgb(253,253,91)
```

Similar Colors

Text with hexadecimal color #fdd45b

This text has a font color of #fdd45b.

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

#fdd45b background color

This paragraph has a background color of #fdd45b.

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

#fdd45b border color

This element has a border color of #fdd45b.

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

CSS codes

.text {color:#fdd45b;}

.background {background-color:#fdd45b;}

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

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, #0a0800 is the darkest color, while #fffdf6 is the lightest one.

#0a0800
```
#0a0800 rgb(10,8,0)
```
#1e1600
```
#1e1600 rgb(30,22,0)
```
#312501
```
#312501 rgb(49,37,1)
```
#453301
```
#453301 rgb(69,51,1)
```
#584201
```
#584201 rgb(88,66,1)
```
#6b5001
```
#6b5001 rgb(107,80,1)
```
#7f5f02
```
#7f5f02 rgb(127,95,2)
```
#926e02
```
#926e02 rgb(146,110,2)
```
#a57c02
```
#a57c02 rgb(165,124,2)
```
#b98b02
```
#b98b02 rgb(185,139,2)
```
#cc9902
```
#cc9902 rgb(204,153,2)
```
#e0a803
```
#e0a803 rgb(224,168,3)
```
#f3b603
```
#f3b603 rgb(243,182,3)
```

Shade Color Variation

#fcc00d
```
#fcc00d rgb(252,192,13)
```
#fcc521
```
#fcc521 rgb(252,197,33)
```
#fdca34
```
#fdca34 rgb(253,202,52)
```
#fdcf48
```
#fdcf48 rgb(253,207,72)
```
#fdd45b
```
#fdd45b rgb(253,212,91)
```
#fdd96e
```
#fdd96e rgb(253,217,110)
```
#fdde82
```
#fdde82 rgb(253,222,130)
```
#fee395
```
#fee395 rgb(254,227,149)
```
#fee8a9
```
#fee8a9 rgb(254,232,169)
```
#feedbc
```
#feedbc rgb(254,237,188)
```
#fef2cf
```
#fef2cf rgb(254,242,207)
```
#fff8e3
```
#fff8e3 rgb(255,248,227)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#b0aea8
```
#b0aea8 rgb(176,174,168)
```
#b7b1a1
```
#b7b1a1 rgb(183,177,161)
```
#bdb49b
```
#bdb49b rgb(189,180,155)
```
#c4b894
```
#c4b894 rgb(196,184,148)
```
#cabb8e
```
#cabb8e rgb(202,187,142)
```
#d0be88
```
#d0be88 rgb(208,190,136)
```
#d7c181
```
#d7c181 rgb(215,193,129)
```
#ddc47b
```
#ddc47b rgb(221,196,123)
```
#e3c775
```
#e3c775 rgb(227,199,117)
```
#eacb6e
```
#eacb6e rgb(234,203,110)
```
#f0ce68
```
#f0ce68 rgb(240,206,104)
```
#f7d161
```
#f7d161 rgb(247,209,97)
```
#fdd45b
```
#fdd45b rgb(253,212,91)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#dbd2ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1da64 Protanopia 1% of men
#ffd395 Deuteranopia 1% of men
#ffcdd8 Tritanopia 0.001% of the population

Trichromacy

#f5d861 Protanomaly 1% of men, 0.01% of women
#fed37f Deuteranomaly 6% of men, 0.4% of women
#fecfaa Tritanomaly 0.01% of the population

#fdd45b hex color

#fdd45b Color Information

#fdd45b Color Conversion

Color Schemes with #fdd45b

Alternatives to #fdd45b

#fdd45b Preview

Shades and Tints of #fdd45b

Tones of #fdd45b

Color Blindness Simulator