#fddf0e hex color

In a RGB color space, hex #fddf0e is composed of 99.2% red, 87.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.9% magenta, 94.5% yellow and 0.8% black. It has a hue angle of 52.5 degrees, a saturation of 98.4% and a lightness of 52.4%. #fddf0e color hex could be obtained by blending #ffff1c with #fbbf00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 87
- B 5
RGB color chart
- C 0
- M 12
- Y 94
- K 1
CMYK color chart

● #fddf0e color description : Vivid yellow.

The hexadecimal color #fddf0e has RGB values of R:253, G:223, B:14 and CMYK values of C:0, M:0.12, Y:0.94, K:0.01. Its decimal value is 16637710.

Hex triplet	fddf0e	`#fddf0e`
RGB Decimal	253, 223, 14	`rgb(253,223,14)`
RGB Percent	99.2, 87.5, 5.5	`rgb(99.2%,87.5%,5.5%)`
CMYK	0, 12, 94, 1
HSL	52.5°, 98.4, 52.4	`hsl(52.5,98.4%,52.4%)`
HSV (or HSB)	52.5°, 94.5, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	88.777, -6.689, 87.187
XYZ	66.976, 73.692, 11.112
xyY	0.441, 0.486, 73.692
CIE-LCH	88.777, 87.443, 94.387
CIE-LUV	88.777, 28.112, 94.342
Hunter-Lab	85.844, -10.961, 52.416
Binary	11111101, 11011111, 00001110

#fddf0e
```
#fddf0e rgb(253,223,14)
```
#0e2cfd
```
#0e2cfd rgb(14,44,253)
```

Complementary Color

#fd680e
```
#fd680e rgb(253,104,14)
```
#fddf0e
```
#fddf0e rgb(253,223,14)
```
#a4fd0e
```
#a4fd0e rgb(164,253,14)
```

Analogous Color

#680efd
```
#680efd rgb(104,14,253)
```
#fddf0e
```
#fddf0e rgb(253,223,14)
```
#0ea4fd
```
#0ea4fd rgb(14,164,253)
```

Split Complementary Color

#df0efd
```
#df0efd rgb(223,14,253)
```
#fddf0e
```
#fddf0e rgb(253,223,14)
```
#0efddf
```
#0efddf rgb(14,253,223)
```

Triadic Color

#fd0e2c
```
#fd0e2c rgb(253,14,44)
```
#fddf0e
```
#fddf0e rgb(253,223,14)
```
#0efddf
```
#0efddf rgb(14,253,223)
```
#0e2cfd
```
#0e2cfd rgb(14,44,253)
```

Tetradic Color

#bda502
```
#bda502 rgb(189,165,2)
```
#d6bc02
```
#d6bc02 rgb(214,188,2)
```
#f0d202
```
#f0d202 rgb(240,210,2)
```
#fddf0e
```
#fddf0e rgb(253,223,14)
```
#fde227
```
#fde227 rgb(253,226,39)
```
#fde641
```
#fde641 rgb(253,230,65)
```
#fee95a
```
#fee95a rgb(254,233,90)
```

Monochromatic Color

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

#fda30e
```
#fda30e rgb(253,163,14)
```
#fdb70e
```
#fdb70e rgb(253,183,14)
```
#fdcb0e
```
#fdcb0e rgb(253,203,14)
```
#fddf0e
```
#fddf0e rgb(253,223,14)
```
#fdf30e
```
#fdf30e rgb(253,243,14)
```
#f3fd0e
```
#f3fd0e rgb(243,253,14)
```
#dffd0e
```
#dffd0e rgb(223,253,14)
```

Similar Colors

Text with hexadecimal color #fddf0e

This text has a font color of #fddf0e.

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

#fddf0e background color

This paragraph has a background color of #fddf0e.

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

#fddf0e border color

This element has a border color of #fddf0e.

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

CSS codes

.text {color:#fddf0e;}

.background {background-color:#fddf0e;}

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

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, #0c0a00 is the darkest color, while #fffef7 is the lightest one.

#0c0a00
```
#0c0a00 rgb(12,10,0)
```
#1f1b00
```
#1f1b00 rgb(31,27,0)
```
#332c00
```
#332c00 rgb(51,44,0)
```
#463e01
```
#463e01 rgb(70,62,1)
```
#5a4f01
```
#5a4f01 rgb(90,79,1)
```
#6d6001
```
#6d6001 rgb(109,96,1)
```
#817101
```
#817101 rgb(129,113,1)
```
#948201
```
#948201 rgb(148,130,1)
```
#a89301
```
#a89301 rgb(168,147,1)
```
#bba402
```
#bba402 rgb(187,164,2)
```
#ceb502
```
#ceb502 rgb(206,181,2)
```
#e2c602
```
#e2c602 rgb(226,198,2)
```
#f5d702
```
#f5d702 rgb(245,215,2)
```

Shade Color Variation

#fddf0e
```
#fddf0e rgb(253,223,14)
```
#fde221
```
#fde221 rgb(253,226,33)
```
#fde435
```
#fde435 rgb(253,228,53)
```
#fde748
```
#fde748 rgb(253,231,72)
```
#fee95c
```
#fee95c rgb(254,233,92)
```
#feec6f
```
#feec6f rgb(254,236,111)
```
#feee83
```
#feee83 rgb(254,238,131)
```
#fef196
```
#fef196 rgb(254,241,150)
```
#fef4aa
```
#fef4aa rgb(254,244,170)
```
#fef6bd
```
#fef6bd rgb(254,246,189)
```
#fff9d1
```
#fff9d1 rgb(255,249,209)
```
#fffbe4
```
#fffbe4 rgb(255,251,228)
```
#fffef7
```
#fffef7 rgb(255,254,247)
```

Tint Color Variation

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

#8d8b7e
```
#8d8b7e rgb(141,139,126)
```
#969275
```
#969275 rgb(150,146,117)
```
#a0996b
```
#a0996b rgb(160,153,107)
```
#a9a062
```
#a9a062 rgb(169,160,98)
```
#b2a759
```
#b2a759 rgb(178,167,89)
```
#bcae4f
```
#bcae4f rgb(188,174,79)
```
#c5b546
```
#c5b546 rgb(197,181,70)
```
#cebc3d
```
#cebc3d rgb(206,188,61)
```
#d8c333
```
#d8c333 rgb(216,195,51)
```
#e1ca2a
```
#e1ca2a rgb(225,202,42)
```
#ead121
```
#ead121 rgb(234,209,33)
```
#f4d817
```
#f4d817 rgb(244,216,23)
```
#fddf0e
```
#fddf0e rgb(253,223,14)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d9d3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe11a Protanopia 1% of men
#ffdba8 Deuteranopia 1% of men
#ffd6e0 Tritanopia 0.001% of the population

Trichromacy

#fce016 Protanomaly 1% of men, 0.01% of women
#fedc70 Deuteranomaly 6% of men, 0.4% of women
#fed993 Tritanomaly 0.01% of the population

#fddf0e hex color

#fddf0e Color Information

#fddf0e Color Conversion

Color Schemes with #fddf0e

Alternatives to #fddf0e

#fddf0e Preview

Shades and Tints of #fddf0e

Tones of #fddf0e

Color Blindness Simulator