#fddb1f hex color

In a RGB color space, hex #fddb1f is composed of 99.2% red, 85.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.4% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 50.8 degrees, a saturation of 98.2% and a lightness of 55.7%. #fddb1f color hex could be obtained by blending #ffff3e with #fbb700. Closest websafe color is: #ffcc33.

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

● #fddb1f color description : Vivid yellow.

The hexadecimal color #fddb1f has RGB values of R:253, G:219, B:31 and CMYK values of C:0, M:0.13, Y:0.88, K:0.01. Its decimal value is 16636703.

Hex triplet	fddb1f	`#fddb1f`
RGB Decimal	253, 219, 31	`rgb(253,219,31)`
RGB Percent	99.2, 85.9, 12.2	`rgb(99.2%,85.9%,12.2%)`
CMYK	0, 13, 88, 1
HSL	50.8°, 98.2, 55.7	`hsl(50.8,98.2%,55.7%)`
HSV (or HSB)	50.8°, 87.7, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	87.798, -4.448, 84.03
XYZ	66.088, 71.647, 11.645
xyY	0.442, 0.48, 71.647
CIE-LCH	87.798, 84.147, 93.03
CIE-LUV	87.798, 30.817, 91.436
Hunter-Lab	84.645, -8.761, 51.095
Binary	11111101, 11011011, 00011111

#fddb1f
```
#fddb1f rgb(253,219,31)
```
#1f41fd
```
#1f41fd rgb(31,65,253)
```

Complementary Color

#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```
#b0fd1f
```
#b0fd1f rgb(176,253,31)
```

Analogous Color

#6c1ffd
```
#6c1ffd rgb(108,31,253)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```
#1fb0fd
```
#1fb0fd rgb(31,176,253)
```

Split Complementary Color

#db1ffd
```
#db1ffd rgb(219,31,253)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```
#1ffddb
```
#1ffddb rgb(31,253,219)
```

Triadic Color

#fd1f41
```
#fd1f41 rgb(253,31,65)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```
#1ffddb
```
#1ffddb rgb(31,253,219)
```
#1f41fd
```
#1f41fd rgb(31,65,253)
```

Tetradic Color

#ceae02
```
#ceae02 rgb(206,174,2)
```
#e7c402
```
#e7c402 rgb(231,196,2)
```
#fdd706
```
#fdd706 rgb(253,215,6)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```
#fddf38
```
#fddf38 rgb(253,223,56)
```
#fde352
```
#fde352 rgb(253,227,82)
```
#fee76b
```
#fee76b rgb(254,231,107)
```

Monochromatic Color

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

#fda41f
```
#fda41f rgb(253,164,31)
```
#fdb61f
```
#fdb61f rgb(253,182,31)
```
#fdc91f
```
#fdc91f rgb(253,201,31)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```
#fdee1f
```
#fdee1f rgb(253,238,31)
```
#fafd1f
```
#fafd1f rgb(250,253,31)
```
#e8fd1f
```
#e8fd1f rgb(232,253,31)
```

Similar Colors

Text with hexadecimal color #fddb1f

This text has a font color of #fddb1f.

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

#fddb1f background color

This paragraph has a background color of #fddb1f.

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

#fddb1f border color

This element has a border color of #fddb1f.

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

CSS codes

.text {color:#fddb1f;}

.background {background-color:#fddb1f;}

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

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

#090800
```
#090800 rgb(9,8,0)
```
#1d1800
```
#1d1800 rgb(29,24,0)
```
#302900
```
#302900 rgb(48,41,0)
```
#443901
```
#443901 rgb(68,57,1)
```
#574a01
```
#574a01 rgb(87,74,1)
```
#6b5a01
```
#6b5a01 rgb(107,90,1)
```
#7e6b01
```
#7e6b01 rgb(126,107,1)
```
#917b01
```
#917b01 rgb(145,123,1)
```
#a58c01
```
#a58c01 rgb(165,140,1)
```
#b89c02
```
#b89c02 rgb(184,156,2)
```
#ccad02
```
#ccad02 rgb(204,173,2)
```
#dfbd02
```
#dfbd02 rgb(223,189,2)
```
#f3ce02
```
#f3ce02 rgb(243,206,2)
```

Shade Color Variation

#fdd80c
```
#fdd80c rgb(253,216,12)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```
#fdde32
```
#fdde32 rgb(253,222,50)
```
#fde146
```
#fde146 rgb(253,225,70)
```
#fee459
```
#fee459 rgb(254,228,89)
```
#fee76d
```
#fee76d rgb(254,231,109)
```
#feeb80
```
#feeb80 rgb(254,235,128)
```
#feee94
```
#feee94 rgb(254,238,148)
```
#fef1a7
```
#fef1a7 rgb(254,241,167)
```
#fef4bb
```
#fef4bb rgb(254,244,187)
```
#fff7ce
```
#fff7ce rgb(255,247,206)
```
#fffae1
```
#fffae1 rgb(255,250,225)
```
#fffdf5
```
#fffdf5 rgb(255,253,245)
```

Tint Color Variation

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

#959387
```
#959387 rgb(149,147,135)
```
#9d997f
```
#9d997f rgb(157,153,127)
```
#a69f76
```
#a69f76 rgb(166,159,118)
```
#afa56d
```
#afa56d rgb(175,165,109)
```
#b7ab65
```
#b7ab65 rgb(183,171,101)
```
#c0b15c
```
#c0b15c rgb(192,177,92)
```
#c9b753
```
#c9b753 rgb(201,183,83)
```
#d2bd4a
```
#d2bd4a rgb(210,189,74)
```
#dac342
```
#dac342 rgb(218,195,66)
```
#e3c939
```
#e3c939 rgb(227,201,57)
```
#eccf30
```
#eccf30 rgb(236,207,48)
```
#f4d528
```
#f4d528 rgb(244,213,40)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```

Tone Color Variation

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

Dichromacy

#f8de2b Protanopia 1% of men
#ffd89f Deuteranopia 1% of men
#ffd2dd Tritanopia 0.001% of the population

Trichromacy

#fadd26 Protanomaly 1% of men, 0.01% of women
#fed970 Deuteranomaly 6% of men, 0.4% of women
#fed597 Tritanomaly 0.01% of the population

#fddb1f hex color

#fddb1f Color Information

#fddb1f Color Conversion

Color Schemes with #fddb1f

Alternatives to #fddb1f

#fddb1f Preview

Shades and Tints of #fddb1f

Tones of #fddb1f

Color Blindness Simulator