#fddc3b hex color

In a RGB color space, hex #fddc3b is composed of 99.2% red, 86.3% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13% magenta, 76.7% yellow and 0.8% black. It has a hue angle of 49.8 degrees, a saturation of 98% and a lightness of 61.2%. #fddc3b color hex could be obtained by blending #ffff76 with #fbb900. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 86
- B 23
RGB color chart
- C 0
- M 13
- Y 77
- K 1
CMYK color chart

● #fddc3b color description : Bright yellow.

The hexadecimal color #fddc3b has RGB values of R:253, G:220, B:59 and CMYK values of C:0, M:0.13, Y:0.77, K:0.01. Its decimal value is 16636987.

Hex triplet	fddc3b	`#fddc3b`
RGB Decimal	253, 220, 59	`rgb(253,220,59)`
RGB Percent	99.2, 86.3, 23.1	`rgb(99.2%,86.3%,23.1%)`
CMYK	0, 13, 77, 1
HSL	49.8°, 98, 61.2	`hsl(49.8,98%,61.2%)`
HSV (or HSB)	49.8°, 76.7, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.155, -4.195, 77.242
XYZ	66.891, 72.387, 14.586
xyY	0.435, 0.47, 72.387
CIE-LCH	88.155, 77.356, 93.108
CIE-LUV	88.155, 29.557, 87.297
Hunter-Lab	85.081, -8.553, 49.392
Binary	11111101, 11011100, 00111011

#fddc3b
```
#fddc3b rgb(253,220,59)
```
#3b5cfd
```
#3b5cfd rgb(59,92,253)
```

Complementary Color

#fd7b3b
```
#fd7b3b rgb(253,123,59)
```
#fddc3b
```
#fddc3b rgb(253,220,59)
```
#bdfd3b
```
#bdfd3b rgb(189,253,59)
```

Analogous Color

#7b3bfd
```
#7b3bfd rgb(123,59,253)
```
#fddc3b
```
#fddc3b rgb(253,220,59)
```
#3bbdfd
```
#3bbdfd rgb(59,189,253)
```

Split Complementary Color

#dc3bfd
```
#dc3bfd rgb(220,59,253)
```
#fddc3b
```
#fddc3b rgb(253,220,59)
```
#3bfddc
```
#3bfddc rgb(59,253,220)
```

Triadic Color

#fd3b5c
```
#fd3b5c rgb(253,59,92)
```
#fddc3b
```
#fddc3b rgb(253,220,59)
```
#3bfddc
```
#3bfddc rgb(59,253,220)
```
#3b5cfd
```
#3b5cfd rgb(59,92,253)
```

Tetradic Color

#e9c202
```
#e9c202 rgb(233,194,2)
```
#fcd309
```
#fcd309 rgb(252,211,9)
```
#fdd722
```
#fdd722 rgb(253,215,34)
```
#fddc3b
```
#fddc3b rgb(253,220,59)
```
#fde154
```
#fde154 rgb(253,225,84)
```
#fee56d
```
#fee56d rgb(254,229,109)
```
#feea87
```
#feea87 rgb(254,234,135)
```

Monochromatic Color

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

#fdac3b
```
#fdac3b rgb(253,172,59)
```
#fdbc3b
```
#fdbc3b rgb(253,188,59)
```
#fdcc3b
```
#fdcc3b rgb(253,204,59)
```
#fddc3b
```
#fddc3b rgb(253,220,59)
```
#fdec3b
```
#fdec3b rgb(253,236,59)
```
#fdfc3b
```
#fdfc3b rgb(253,252,59)
```
#eefd3b
```
#eefd3b rgb(238,253,59)
```

Similar Colors

Text with hexadecimal color #fddc3b

This text has a font color of #fddc3b.

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

#fddc3b background color

This paragraph has a background color of #fddc3b.

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

#fddc3b border color

This element has a border color of #fddc3b.

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

CSS codes

.text {color:#fddc3b;}

.background {background-color:#fddc3b;}

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

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, #120f00 is the darkest color, while #fffffd is the lightest one.

#120f00
```
#120f00 rgb(18,15,0)
```
#251f00
```
#251f00 rgb(37,31,0)
```
#382f01
```
#382f01 rgb(56,47,1)
```
#4c3f01
```
#4c3f01 rgb(76,63,1)
```
#5f4f01
```
#5f4f01 rgb(95,79,1)
```
#735f01
```
#735f01 rgb(115,95,1)
```
#867001
```
#867001 rgb(134,112,1)
```
#9a8002
```
#9a8002 rgb(154,128,2)
```
#ad9002
```
#ad9002 rgb(173,144,2)
```
#c0a002
```
#c0a002 rgb(192,160,2)
```
#d4b002
```
#d4b002 rgb(212,176,2)
```
#e7c002
```
#e7c002 rgb(231,192,2)
```
#fbd003
```
#fbd003 rgb(251,208,3)
```

Shade Color Variation

#fdd514
```
#fdd514 rgb(253,213,20)
```
#fdd928
```
#fdd928 rgb(253,217,40)
```
#fddc3b
```
#fddc3b rgb(253,220,59)
```
#fddf4e
```
#fddf4e rgb(253,223,78)
```
#fde362
```
#fde362 rgb(253,227,98)
```
#fee675
```
#fee675 rgb(254,230,117)
```
#feea89
```
#feea89 rgb(254,234,137)
```
#feed9c
```
#feed9c rgb(254,237,156)
```
#fef1b0
```
#fef1b0 rgb(254,241,176)
```
#fef4c3
```
#fef4c3 rgb(254,244,195)
```
#fff8d6
```
#fff8d6 rgb(255,248,214)
```
#fffbea
```
#fffbea rgb(255,251,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#a2a096
```
#a2a096 rgb(162,160,150)
```
#a9a58f
```
#a9a58f rgb(169,165,143)
```
#b1aa87
```
#b1aa87 rgb(177,170,135)
```
#b8af80
```
#b8af80 rgb(184,175,128)
```
#c0b478
```
#c0b478 rgb(192,180,120)
```
#c8b970
```
#c8b970 rgb(200,185,112)
```
#cfbe69
```
#cfbe69 rgb(207,190,105)
```
#d7c361
```
#d7c361 rgb(215,195,97)
```
#dfc859
```
#dfc859 rgb(223,200,89)
```
#e6cd52
```
#e6cd52 rgb(230,205,82)
```
#eed24a
```
#eed24a rgb(238,210,74)
```
#f5d743
```
#f5d743 rgb(245,215,67)
```
#fddc3b
```
#fddc3b rgb(253,220,59)
```

Tone Color Variation

Below, you can see how #fddc3b 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
#dcd6b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8df45 Protanopia 1% of men
#ffd9a4 Deuteranopia 1% of men
#ffd4de Tritanopia 0.001% of the population

Trichromacy

#fade41 Protanomaly 1% of men, 0.01% of women
#feda7d Deuteranomaly 6% of men, 0.4% of women
#fed6a3 Tritanomaly 0.01% of the population

#fddc3b hex color

#fddc3b Color Information

#fddc3b Color Conversion

Color Schemes with #fddc3b

Alternatives to #fddc3b

#fddc3b Preview

Shades and Tints of #fddc3b

Tones of #fddc3b

Color Blindness Simulator