#fdbd1f hex color

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

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

● #fdbd1f color description : Vivid orange.

The hexadecimal color #fdbd1f has RGB values of R:253, G:189, B:31 and CMYK values of C:0, M:0.25, Y:0.88, K:0.01. Its decimal value is 16629023.

Hex triplet	fdbd1f	`#fdbd1f`
RGB Decimal	253, 189, 31	`rgb(253,189,31)`
RGB Percent	99.2, 74.1, 12.2	`rgb(99.2%,74.1%,12.2%)`
CMYK	0, 25, 88, 1
HSL	42.7°, 98.2, 55.7	`hsl(42.7,98.2%,55.7%)`
HSV (or HSB)	42.7°, 87.7, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	80.393, 10.925, 78.221
XYZ	58.954, 57.38, 9.267
xyY	0.469, 0.457, 57.38
CIE-LCH	80.393, 78.98, 82.049
CIE-LUV	80.393, 53.358, 80.185
Hunter-Lab	75.75, 6.36, 45.772
Binary	11111101, 10111101, 00011111

#fdbd1f
```
#fdbd1f rgb(253,189,31)
```
#1f5ffd
```
#1f5ffd rgb(31,95,253)
```

Complementary Color

#fd4e1f
```
#fd4e1f rgb(253,78,31)
```
#fdbd1f
```
#fdbd1f rgb(253,189,31)
```
#cefd1f
```
#cefd1f rgb(206,253,31)
```

Analogous Color

#4e1ffd
```
#4e1ffd rgb(78,31,253)
```
#fdbd1f
```
#fdbd1f rgb(253,189,31)
```
#1fcefd
```
#1fcefd rgb(31,206,253)
```

Split Complementary Color

#bd1ffd
```
#bd1ffd rgb(189,31,253)
```
#fdbd1f
```
#fdbd1f rgb(253,189,31)
```
#1ffdbd
```
#1ffdbd rgb(31,253,189)
```

Triadic Color

#fd1f5f
```
#fd1f5f rgb(253,31,95)
```
#fdbd1f
```
#fdbd1f rgb(253,189,31)
```
#1ffdbd
```
#1ffdbd rgb(31,253,189)
```
#1f5ffd
```
#1f5ffd rgb(31,95,253)
```

Tetradic Color

#ce9302
```
#ce9302 rgb(206,147,2)
```
#e7a502
```
#e7a502 rgb(231,165,2)
```
#fdb606
```
#fdb606 rgb(253,182,6)
```
#fdbd1f
```
#fdbd1f rgb(253,189,31)
```
#fdc438
```
#fdc438 rgb(253,196,56)
```
#fdcc52
```
#fdcc52 rgb(253,204,82)
```
#fed36b
```
#fed36b rgb(254,211,107)
```

Monochromatic Color

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

#fd861f
```
#fd861f rgb(253,134,31)
```
#fd981f
```
#fd981f rgb(253,152,31)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```
#fdbd1f
```
#fdbd1f rgb(253,189,31)
```
#fdd01f
```
#fdd01f rgb(253,208,31)
```
#fde21f
```
#fde21f rgb(253,226,31)
```
#fdf51f
```
#fdf51f rgb(253,245,31)
```

Similar Colors

Text with hexadecimal color #fdbd1f

This text has a font color of #fdbd1f.

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

#fdbd1f background color

This paragraph has a background color of #fdbd1f.

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

#fdbd1f border color

This element has a border color of #fdbd1f.

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

CSS codes

.text {color:#fdbd1f;}

.background {background-color:#fdbd1f;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1d1500
```
#1d1500 rgb(29,21,0)
```
#302200
```
#302200 rgb(48,34,0)
```
#443001
```
#443001 rgb(68,48,1)
```
#573e01
```
#573e01 rgb(87,62,1)
```
#6b4c01
```
#6b4c01 rgb(107,76,1)
```
#7e5a01
```
#7e5a01 rgb(126,90,1)
```
#916801
```
#916801 rgb(145,104,1)
```
#a57601
```
#a57601 rgb(165,118,1)
```
#b88402
```
#b88402 rgb(184,132,2)
```
#cc9202
```
#cc9202 rgb(204,146,2)
```
#df9f02
```
#df9f02 rgb(223,159,2)
```
#f3ad02
```
#f3ad02 rgb(243,173,2)
```

Shade Color Variation

#fdb70c
```
#fdb70c rgb(253,183,12)
```
#fdbd1f
```
#fdbd1f rgb(253,189,31)
```
#fdc332
```
#fdc332 rgb(253,195,50)
```
#fdc846
```
#fdc846 rgb(253,200,70)
```
#fece59
```
#fece59 rgb(254,206,89)
```
#fed46d
```
#fed46d rgb(254,212,109)
```
#feda80
```
#feda80 rgb(254,218,128)
```
#fedf94
```
#fedf94 rgb(254,223,148)
```
#fee5a7
```
#fee5a7 rgb(254,229,167)
```
#feebbb
```
#feebbb rgb(254,235,187)
```
#fff1ce
```
#fff1ce rgb(255,241,206)
```
#fff6e1
```
#fff6e1 rgb(255,246,225)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#959187
```
#959187 rgb(149,145,135)
```
#9d957f
```
#9d957f rgb(157,149,127)
```
#a69876
```
#a69876 rgb(166,152,118)
```
#af9c6d
```
#af9c6d rgb(175,156,109)
```
#b7a065
```
#b7a065 rgb(183,160,101)
```
#c0a35c
```
#c0a35c rgb(192,163,92)
```
#c9a753
```
#c9a753 rgb(201,167,83)
```
#d2ab4a
```
#d2ab4a rgb(210,171,74)
```
#daae42
```
#daae42 rgb(218,174,66)
```
#e3b239
```
#e3b239 rgb(227,178,57)
```
#ecb630
```
#ecb630 rgb(236,182,48)
```
#f4b928
```
#f4b928 rgb(244,185,40)
```
#fdbd1f
```
#fdbd1f rgb(253,189,31)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#cbbe9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca2d Protanopia 1% of men
#fcc02a Deuteranopia 1% of men
#ffb7c1 Tritanopia 0.001% of the population

Trichromacy

#ecc528 Protanomaly 1% of men, 0.01% of women
#fcbf26 Deuteranomaly 6% of men, 0.4% of women
#feb986 Tritanomaly 0.01% of the population

#fdbd1f hex color

#fdbd1f Color Information

#fdbd1f Color Conversion

Color Schemes with #fdbd1f

Alternatives to #fdbd1f

#fdbd1f Preview

Shades and Tints of #fdbd1f

Tones of #fdbd1f

Color Blindness Simulator