#fddd1c hex color

In a RGB color space, hex #fddd1c is composed of 99.2% red, 86.7% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 88.9% yellow and 0.8% black. It has a hue angle of 51.5 degrees, a saturation of 98.3% and a lightness of 55.1%. #fddd1c color hex could be obtained by blending #ffff38 with #fbbb00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 87
- B 11
RGB color chart
- C 0
- M 13
- Y 89
- K 1
CMYK color chart

● #fddd1c color description : Vivid yellow.

The hexadecimal color #fddd1c has RGB values of R:253, G:221, B:28 and CMYK values of C:0, M:0.13, Y:0.89, K:0.01. Its decimal value is 16637212.

Hex triplet	fddd1c	`#fddd1c`
RGB Decimal	253, 221, 28	`rgb(253,221,28)`
RGB Percent	99.2, 86.7, 11	`rgb(99.2%,86.7%,11%)`
CMYK	0, 13, 89, 1
HSL	51.5°, 98.3, 55.1	`hsl(51.5,98.3%,55.1%)`
HSV (or HSB)	51.5°, 88.9, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.296, -5.505, 84.951
XYZ	66.575, 72.682, 11.621
xyY	0.441, 0.482, 72.682
CIE-LCH	88.296, 85.13, 93.708
CIE-LUV	88.296, 29.418, 92.505
Hunter-Lab	85.254, -9.803, 51.596
Binary	11111101, 11011101, 00011100

#fddd1c
```
#fddd1c rgb(253,221,28)
```
#1c3cfd
```
#1c3cfd rgb(28,60,253)
```

Complementary Color

#fd6d1c
```
#fd6d1c rgb(253,109,28)
```
#fddd1c
```
#fddd1c rgb(253,221,28)
```
#adfd1c
```
#adfd1c rgb(173,253,28)
```

Analogous Color

#6d1cfd
```
#6d1cfd rgb(109,28,253)
```
#fddd1c
```
#fddd1c rgb(253,221,28)
```
#1cadfd
```
#1cadfd rgb(28,173,253)
```

Split Complementary Color

#dd1cfd
```
#dd1cfd rgb(221,28,253)
```
#fddd1c
```
#fddd1c rgb(253,221,28)
```
#1cfddd
```
#1cfddd rgb(28,253,221)
```

Triadic Color

#fd1c3c
```
#fd1c3c rgb(253,28,60)
```
#fddd1c
```
#fddd1c rgb(253,221,28)
```
#1cfddd
```
#1cfddd rgb(28,253,221)
```
#1c3cfd
```
#1c3cfd rgb(28,60,253)
```

Tetradic Color

#cbae02
```
#cbae02 rgb(203,174,2)
```
#e4c402
```
#e4c402 rgb(228,196,2)
```
#fdd903
```
#fdd903 rgb(253,217,3)
```
#fddd1c
```
#fddd1c rgb(253,221,28)
```
#fde135
```
#fde135 rgb(253,225,53)
```
#fde54f
```
#fde54f rgb(253,229,79)
```
#fee868
```
#fee868 rgb(254,232,104)
```

Monochromatic Color

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

#fda51c
```
#fda51c rgb(253,165,28)
```
#fdb81c
```
#fdb81c rgb(253,184,28)
```
#fdca1c
```
#fdca1c rgb(253,202,28)
```
#fddd1c
```
#fddd1c rgb(253,221,28)
```
#fdf01c
```
#fdf01c rgb(253,240,28)
```
#f8fd1c
```
#f8fd1c rgb(248,253,28)
```
#e5fd1c
```
#e5fd1c rgb(229,253,28)
```

Similar Colors

Text with hexadecimal color #fddd1c

This text has a font color of #fddd1c.

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

#fddd1c background color

This paragraph has a background color of #fddd1c.

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

#fddd1c border color

This element has a border color of #fddd1c.

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

CSS codes

.text {color:#fddd1c;}

.background {background-color:#fddd1c;}

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

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

#060500
```
#060500 rgb(6,5,0)
```
#1a1600
```
#1a1600 rgb(26,22,0)
```
#2d2700
```
#2d2700 rgb(45,39,0)
```
#413801
```
#413801 rgb(65,56,1)
```
#544801
```
#544801 rgb(84,72,1)
```
#685901
```
#685901 rgb(104,89,1)
```
#7b6a01
```
#7b6a01 rgb(123,106,1)
```
#8e7a01
```
#8e7a01 rgb(142,122,1)
```
#a28b01
```
#a28b01 rgb(162,139,1)
```
#b59c02
```
#b59c02 rgb(181,156,2)
```
#c9ac02
```
#c9ac02 rgb(201,172,2)
```
#dcbd02
```
#dcbd02 rgb(220,189,2)
```
#f0ce02
```
#f0ce02 rgb(240,206,2)
```

Shade Color Variation

#fdda09
```
#fdda09 rgb(253,218,9)
```
#fddd1c
```
#fddd1c rgb(253,221,28)
```
#fde02f
```
#fde02f rgb(253,224,47)
```
#fde343
```
#fde343 rgb(253,227,67)
```
#fee656
```
#fee656 rgb(254,230,86)
```
#fee96a
```
#fee96a rgb(254,233,106)
```
#feec7d
```
#feec7d rgb(254,236,125)
```
#feee91
```
#feee91 rgb(254,238,145)
```
#fef1a4
```
#fef1a4 rgb(254,241,164)
```
#fef4b8
```
#fef4b8 rgb(254,244,184)
```
#fff7cb
```
#fff7cb rgb(255,247,203)
```
#fffade
```
#fffade rgb(255,250,222)
```
#fffdf2
```
#fffdf2 rgb(255,253,242)
```

Tint Color Variation

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

#939186
```
#939186 rgb(147,145,134)
```
#9c987d
```
#9c987d rgb(156,152,125)
```
#a59e74
```
#a59e74 rgb(165,158,116)
```
#aea46b
```
#aea46b rgb(174,164,107)
```
#b7ab62
```
#b7ab62 rgb(183,171,98)
```
#bfb15a
```
#bfb15a rgb(191,177,90)
```
#c8b751
```
#c8b751 rgb(200,183,81)
```
#d1bd48
```
#d1bd48 rgb(209,189,72)
```
#dac43f
```
#dac43f rgb(218,196,63)
```
#e3ca36
```
#e3ca36 rgb(227,202,54)
```
#ebd02e
```
#ebd02e rgb(235,208,46)
```
#f4d725
```
#f4d725 rgb(244,215,37)
```
#fddd1c
```
#fddd1c rgb(253,221,28)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#dad3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#fbde23 Protanomaly 1% of men, 0.01% of women
#feda72 Deuteranomaly 6% of men, 0.4% of women
#fed797 Tritanomaly 0.01% of the population

#fddd1c hex color

#fddd1c Color Information

#fddd1c Color Conversion

Color Schemes with #fddd1c

Alternatives to #fddd1c

#fddd1c Preview

Shades and Tints of #fddd1c

Tones of #fddd1c

Color Blindness Simulator