#fddd2d hex color

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

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

● #fddd2d color description : Bright yellow.

The hexadecimal color #fddd2d has RGB values of R:253, G:221, B:45 and CMYK values of C:0, M:0.13, Y:0.82, K:0.01. Its decimal value is 16637229.

Hex triplet	fddd2d	`#fddd2d`
RGB Decimal	253, 221, 45	`rgb(253,221,45)`
RGB Percent	99.2, 86.7, 17.6	`rgb(99.2%,86.7%,17.6%)`
CMYK	0, 13, 82, 1
HSL	50.8°, 98.1, 58.4	`hsl(50.8,98.1%,58.4%)`
HSV (or HSB)	50.8°, 82.2, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.346, -5.137, 81.397
XYZ	66.839, 72.787, 13.011
xyY	0.438, 0.477, 72.787
CIE-LCH	88.346, 81.558, 93.611
CIE-LUV	88.346, 29.157, 90.301
Hunter-Lab	85.316, -9.46, 50.679
Binary	11111101, 11011101, 00101101

#fddd2d
```
#fddd2d rgb(253,221,45)
```
#2d4dfd
```
#2d4dfd rgb(45,77,253)
```

Complementary Color

#fd752d
```
#fd752d rgb(253,117,45)
```
#fddd2d
```
#fddd2d rgb(253,221,45)
```
#b5fd2d
```
#b5fd2d rgb(181,253,45)
```

Analogous Color

#752dfd
```
#752dfd rgb(117,45,253)
```
#fddd2d
```
#fddd2d rgb(253,221,45)
```
#2db5fd
```
#2db5fd rgb(45,181,253)
```

Split Complementary Color

#dd2dfd
```
#dd2dfd rgb(221,45,253)
```
#fddd2d
```
#fddd2d rgb(253,221,45)
```
#2dfddd
```
#2dfddd rgb(45,253,221)
```

Triadic Color

#fd2d4d
```
#fd2d4d rgb(253,45,77)
```
#fddd2d
```
#fddd2d rgb(253,221,45)
```
#2dfddd
```
#2dfddd rgb(45,253,221)
```
#2d4dfd
```
#2d4dfd rgb(45,77,253)
```

Tetradic Color

#dbba02
```
#dbba02 rgb(219,186,2)
```
#f5cf02
```
#f5cf02 rgb(245,207,2)
```
#fdd914
```
#fdd914 rgb(253,217,20)
```
#fddd2d
```
#fddd2d rgb(253,221,45)
```
#fde146
```
#fde146 rgb(253,225,70)
```
#fde560
```
#fde560 rgb(253,229,96)
```
#fee979
```
#fee979 rgb(254,233,121)
```

Monochromatic Color

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

#fda92d
```
#fda92d rgb(253,169,45)
```
#fdba2d
```
#fdba2d rgb(253,186,45)
```
#fdcc2d
```
#fdcc2d rgb(253,204,45)
```
#fddd2d
```
#fddd2d rgb(253,221,45)
```
#fdee2d
```
#fdee2d rgb(253,238,45)
```
#fafd2d
```
#fafd2d rgb(250,253,45)
```
#e9fd2d
```
#e9fd2d rgb(233,253,45)
```

Similar Colors

Text with hexadecimal color #fddd2d

This text has a font color of #fddd2d.

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

#fddd2d background color

This paragraph has a background color of #fddd2d.

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

#fddd2d border color

This element has a border color of #fddd2d.

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

CSS codes

.text {color:#fddd2d;}

.background {background-color:#fddd2d;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#171400
```
#171400 rgb(23,20,0)
```
#2b2400
```
#2b2400 rgb(43,36,0)
```
#3e3501
```
#3e3501 rgb(62,53,1)
```
#514501
```
#514501 rgb(81,69,1)
```
#655601
```
#655601 rgb(101,86,1)
```
#786601
```
#786601 rgb(120,102,1)
```
#8c7601
```
#8c7601 rgb(140,118,1)
```
#9f8702
```
#9f8702 rgb(159,135,2)
```
#b39702
```
#b39702 rgb(179,151,2)
```
#c6a802
```
#c6a802 rgb(198,168,2)
```
#d9b802
```
#d9b802 rgb(217,184,2)
```
#edc902
```
#edc902 rgb(237,201,2)
```

Shade Color Variation

#fdd706
```
#fdd706 rgb(253,215,6)
```
#fdda1a
```
#fdda1a rgb(253,218,26)
```
#fddd2d
```
#fddd2d rgb(253,221,45)
```
#fde040
```
#fde040 rgb(253,224,64)
```
#fde354
```
#fde354 rgb(253,227,84)
```
#fee667
```
#fee667 rgb(254,230,103)
```
#feea7b
```
#feea7b rgb(254,234,123)
```
#feed8e
```
#feed8e rgb(254,237,142)
```
#fef0a2
```
#fef0a2 rgb(254,240,162)
```
#fef3b5
```
#fef3b5 rgb(254,243,181)
```
#fef6c8
```
#fef6c8 rgb(254,246,200)
```
#fff9dc
```
#fff9dc rgb(255,249,220)
```
#fffcef
```
#fffcef rgb(255,252,239)
```

Tint Color Variation

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

#9b998f
```
#9b998f rgb(155,153,143)
```
#a39f87
```
#a39f87 rgb(163,159,135)
```
#aba57f
```
#aba57f rgb(171,165,127)
```
#b4aa76
```
#b4aa76 rgb(180,170,118)
```
#bcb06e
```
#bcb06e rgb(188,176,110)
```
#c4b566
```
#c4b566 rgb(196,181,102)
```
#ccbb5e
```
#ccbb5e rgb(204,187,94)
```
#d4c156
```
#d4c156 rgb(212,193,86)
```
#dcc64e
```
#dcc64e rgb(220,198,78)
```
#e5cc45
```
#e5cc45 rgb(229,204,69)
```
#edd23d
```
#edd23d rgb(237,210,61)
```
#f5d735
```
#f5d735 rgb(245,215,53)
```
#fddd2d
```
#fddd2d rgb(253,221,45)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dbd5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#fddd2d hex color

#fddd2d Color Information

#fddd2d Color Conversion

Color Schemes with #fddd2d

Alternatives to #fddd2d

#fddd2d Preview

Shades and Tints of #fddd2d

Tones of #fddd2d

Color Blindness Simulator