#fddc3c hex color

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

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

● #fddc3c color description : Bright yellow.

The hexadecimal color #fddc3c has RGB values of R:253, G:220, B:60 and CMYK values of C:0, M:0.13, Y:0.76, K:0.01. Its decimal value is 16636988.

Hex triplet	fddc3c	`#fddc3c`
RGB Decimal	253, 220, 60	`rgb(253,220,60)`
RGB Percent	99.2, 86.3, 23.5	`rgb(99.2%,86.3%,23.5%)`
CMYK	0, 13, 76, 1
HSL	49.7°, 98, 61.4	`hsl(49.7,98%,61.4%)`
HSV (or HSB)	49.7°, 76.3, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.16, -4.158, 76.929
XYZ	66.918, 72.398, 14.724
xyY	0.434, 0.47, 72.398
CIE-LCH	88.16, 77.041, 93.094
CIE-LUV	88.16, 29.531, 87.081
Hunter-Lab	85.087, -8.519, 49.301
Binary	11111101, 11011100, 00111100

#fddc3c
```
#fddc3c rgb(253,220,60)
```
#3c5dfd
```
#3c5dfd rgb(60,93,253)
```

Complementary Color

#fd7c3c
```
#fd7c3c rgb(253,124,60)
```
#fddc3c
```
#fddc3c rgb(253,220,60)
```
#befd3c
```
#befd3c rgb(190,253,60)
```

Analogous Color

#7c3cfd
```
#7c3cfd rgb(124,60,253)
```
#fddc3c
```
#fddc3c rgb(253,220,60)
```
#3cbefd
```
#3cbefd rgb(60,190,253)
```

Split Complementary Color

#dc3cfd
```
#dc3cfd rgb(220,60,253)
```
#fddc3c
```
#fddc3c rgb(253,220,60)
```
#3cfddc
```
#3cfddc rgb(60,253,220)
```

Triadic Color

#fd3c5d
```
#fd3c5d rgb(253,60,93)
```
#fddc3c
```
#fddc3c rgb(253,220,60)
```
#3cfddc
```
#3cfddc rgb(60,253,220)
```
#3c5dfd
```
#3c5dfd rgb(60,93,253)
```

Tetradic Color

#eac202
```
#eac202 rgb(234,194,2)
```
#fcd30a
```
#fcd30a rgb(252,211,10)
```
#fdd723
```
#fdd723 rgb(253,215,35)
```
#fddc3c
```
#fddc3c rgb(253,220,60)
```
#fde155
```
#fde155 rgb(253,225,85)
```
#fee56e
```
#fee56e rgb(254,229,110)
```
#feea88
```
#feea88 rgb(254,234,136)
```

Monochromatic Color

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

#fdac3c
```
#fdac3c rgb(253,172,60)
```
#fdbc3c
```
#fdbc3c rgb(253,188,60)
```
#fdcc3c
```
#fdcc3c rgb(253,204,60)
```
#fddc3c
```
#fddc3c rgb(253,220,60)
```
#fdec3c
```
#fdec3c rgb(253,236,60)
```
#fdfc3c
```
#fdfc3c rgb(253,252,60)
```
#eefd3c
```
#eefd3c rgb(238,253,60)
```

Similar Colors

Text with hexadecimal color #fddc3c

This text has a font color of #fddc3c.

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

#fddc3c background color

This paragraph has a background color of #fddc3c.

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

#fddc3c border color

This element has a border color of #fddc3c.

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

CSS codes

.text {color:#fddc3c;}

.background {background-color:#fddc3c;}

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

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

#130f00
```
#130f00 rgb(19,15,0)
```
#262000
```
#262000 rgb(38,32,0)
```
#393001
```
#393001 rgb(57,48,1)
```
#4d4001
```
#4d4001 rgb(77,64,1)
```
#605001
```
#605001 rgb(96,80,1)
```
#746001
```
#746001 rgb(116,96,1)
```
#877001
```
#877001 rgb(135,112,1)
```
#9a8002
```
#9a8002 rgb(154,128,2)
```
#ae9002
```
#ae9002 rgb(174,144,2)
```
#c1a102
```
#c1a102 rgb(193,161,2)
```
#d5b102
```
#d5b102 rgb(213,177,2)
```
#e8c102
```
#e8c102 rgb(232,193,2)
```
#fcd103
```
#fcd103 rgb(252,209,3)
```

Shade Color Variation

#fdd515
```
#fdd515 rgb(253,213,21)
```
#fdd929
```
#fdd929 rgb(253,217,41)
```
#fddc3c
```
#fddc3c rgb(253,220,60)
```
#fddf4f
```
#fddf4f rgb(253,223,79)
```
#fde363
```
#fde363 rgb(253,227,99)
```
#fee676
```
#fee676 rgb(254,230,118)
```
#feea8a
```
#feea8a rgb(254,234,138)
```
#feed9d
```
#feed9d rgb(254,237,157)
```
#fef1b0
```
#fef1b0 rgb(254,241,176)
```
#fef4c4
```
#fef4c4 rgb(254,244,196)
```
#fff8d7
```
#fff8d7 rgb(255,248,215)
```
#fffbeb
```
#fffbeb rgb(255,251,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#a2a097
```
#a2a097 rgb(162,160,151)
```
#aaa58f
```
#aaa58f rgb(170,165,143)
```
#b1aa88
```
#b1aa88 rgb(177,170,136)
```
#b9af80
```
#b9af80 rgb(185,175,128)
```
#c0b479
```
#c0b479 rgb(192,180,121)
```
#c8b971
```
#c8b971 rgb(200,185,113)
```
#d0be69
```
#d0be69 rgb(208,190,105)
```
#d7c362
```
#d7c362 rgb(215,195,98)
```
#dfc85a
```
#dfc85a rgb(223,200,90)
```
#e6cd53
```
#e6cd53 rgb(230,205,83)
```
#eed24b
```
#eed24b rgb(238,210,75)
```
#f5d744
```
#f5d744 rgb(245,215,68)
```
#fddc3c
```
#fddc3c rgb(253,220,60)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#fddc3c hex color

#fddc3c Color Information

#fddc3c Color Conversion

Color Schemes with #fddc3c

Alternatives to #fddc3c

#fddc3c Preview

Shades and Tints of #fddc3c

Tones of #fddc3c

Color Blindness Simulator