#fddd2c hex color

In a RGB color space, hex #fddd2c is composed of 99.2% red, 86.7% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 82.6% yellow and 0.8% black. It has a hue angle of 50.8 degrees, a saturation of 98.1% and a lightness of 58.2%. #fddd2c color hex could be obtained by blending #ffff58 with #fbbb00. Closest websafe color is: #ffcc33.

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

● #fddd2c color description : Bright yellow.

The hexadecimal color #fddd2c has RGB values of R:253, G:221, B:44 and CMYK values of C:0, M:0.13, Y:0.83, K:0.01. Its decimal value is 16637228.

Hex triplet	fddd2c	`#fddd2c`
RGB Decimal	253, 221, 44	`rgb(253,221,44)`
RGB Percent	99.2, 86.7, 17.3	`rgb(99.2%,86.7%,17.3%)`
CMYK	0, 13, 83, 1
HSL	50.8°, 98.1, 58.2	`hsl(50.8,98.1%,58.2%)`
HSV (or HSB)	50.8°, 82.6, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.343, -5.163, 81.644
XYZ	66.82, 72.78, 12.911
xyY	0.438, 0.477, 72.78
CIE-LCH	88.343, 81.807, 93.619
CIE-LUV	88.343, 29.176, 90.459
Hunter-Lab	85.311, -9.484, 50.745
Binary	11111101, 11011101, 00101100

#fddd2c
```
#fddd2c rgb(253,221,44)
```
#2c4cfd
```
#2c4cfd rgb(44,76,253)
```

Complementary Color

#fd752c
```
#fd752c rgb(253,117,44)
```
#fddd2c
```
#fddd2c rgb(253,221,44)
```
#b5fd2c
```
#b5fd2c rgb(181,253,44)
```

Analogous Color

#752cfd
```
#752cfd rgb(117,44,253)
```
#fddd2c
```
#fddd2c rgb(253,221,44)
```
#2cb5fd
```
#2cb5fd rgb(44,181,253)
```

Split Complementary Color

#dd2cfd
```
#dd2cfd rgb(221,44,253)
```
#fddd2c
```
#fddd2c rgb(253,221,44)
```
#2cfddd
```
#2cfddd rgb(44,253,221)
```

Triadic Color

#fd2c4c
```
#fd2c4c rgb(253,44,76)
```
#fddd2c
```
#fddd2c rgb(253,221,44)
```
#2cfddd
```
#2cfddd rgb(44,253,221)
```
#2c4cfd
```
#2c4cfd rgb(44,76,253)
```

Tetradic Color

#dab902
```
#dab902 rgb(218,185,2)
```
#f4cf02
```
#f4cf02 rgb(244,207,2)
```
#fdd913
```
#fdd913 rgb(253,217,19)
```
#fddd2c
```
#fddd2c rgb(253,221,44)
```
#fde145
```
#fde145 rgb(253,225,69)
```
#fde55f
```
#fde55f rgb(253,229,95)
```
#fee978
```
#fee978 rgb(254,233,120)
```

Monochromatic Color

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

#fda92c
```
#fda92c rgb(253,169,44)
```
#fdba2c
```
#fdba2c rgb(253,186,44)
```
#fdcc2c
```
#fdcc2c rgb(253,204,44)
```
#fddd2c
```
#fddd2c rgb(253,221,44)
```
#fdee2c
```
#fdee2c rgb(253,238,44)
```
#fafd2c
```
#fafd2c rgb(250,253,44)
```
#e9fd2c
```
#e9fd2c rgb(233,253,44)
```

Similar Colors

Text with hexadecimal color #fddd2c

This text has a font color of #fddd2c.

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

#fddd2c background color

This paragraph has a background color of #fddd2c.

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

#fddd2c border color

This element has a border color of #fddd2c.

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

CSS codes

.text {color:#fddd2c;}

.background {background-color:#fddd2c;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#161300
```
#161300 rgb(22,19,0)
```
#2a2300
```
#2a2300 rgb(42,35,0)
```
#3d3401
```
#3d3401 rgb(61,52,1)
```
#504401
```
#504401 rgb(80,68,1)
```
#645501
```
#645501 rgb(100,85,1)
```
#776501
```
#776501 rgb(119,101,1)
```
#8b7601
```
#8b7601 rgb(139,118,1)
```
#9e8601
```
#9e8601 rgb(158,134,1)
```
#b29702
```
#b29702 rgb(178,151,2)
```
#c5a702
```
#c5a702 rgb(197,167,2)
```
#d8b802
```
#d8b802 rgb(216,184,2)
```
#ecc802
```
#ecc802 rgb(236,200,2)
```

Shade Color Variation

#fdd705
```
#fdd705 rgb(253,215,5)
```
#fdda19
```
#fdda19 rgb(253,218,25)
```
#fddd2c
```
#fddd2c rgb(253,221,44)
```
#fde03f
```
#fde03f rgb(253,224,63)
```
#fde353
```
#fde353 rgb(253,227,83)
```
#fee666
```
#fee666 rgb(254,230,102)
```
#feea7a
```
#feea7a rgb(254,234,122)
```
#feed8d
```
#feed8d rgb(254,237,141)
```
#fef0a1
```
#fef0a1 rgb(254,240,161)
```
#fef3b4
```
#fef3b4 rgb(254,243,180)
```
#fef6c7
```
#fef6c7 rgb(254,246,199)
```
#fff9db
```
#fff9db rgb(255,249,219)
```
#fffcee
```
#fffcee rgb(255,252,238)
```

Tint Color Variation

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

#9b998e
```
#9b998e rgb(155,153,142)
```
#a39e86
```
#a39e86 rgb(163,158,134)
```
#aba47e
```
#aba47e rgb(171,164,126)
```
#b3aa76
```
#b3aa76 rgb(179,170,118)
```
#bbb06e
```
#bbb06e rgb(187,176,110)
```
#c4b565
```
#c4b565 rgb(196,181,101)
```
#ccbb5d
```
#ccbb5d rgb(204,187,93)
```
#d4c155
```
#d4c155 rgb(212,193,85)
```
#dcc64d
```
#dcc64d rgb(220,198,77)
```
#e4cc45
```
#e4cc45 rgb(228,204,69)
```
#edd23c
```
#edd23c rgb(237,210,60)
```
#f5d734
```
#f5d734 rgb(245,215,52)
```
#fddd2c
```
#fddd2c rgb(253,221,44)
```

Tone Color Variation

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

Dichromacy

#fadf37 Protanopia 1% of men
#ffd9a5 Deuteranopia 1% of men
#ffd4df Tritanopia 0.001% of the population

Trichromacy

#fbde33 Protanomaly 1% of men, 0.01% of women
#feda79 Deuteranomaly 6% of men, 0.4% of women
#fed79d Tritanomaly 0.01% of the population

#fddd2c hex color

#fddd2c Color Information

#fddd2c Color Conversion

Color Schemes with #fddd2c

Alternatives to #fddd2c

#fddd2c Preview

Shades and Tints of #fddd2c

Tones of #fddd2c

Color Blindness Simulator