colorhexa.com

#fdab1f hex color

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

- R 99
- G 67
- B 12
RGB color chart
- C 0
- M 32
- Y 88
- K 1
CMYK color chart

● #fdab1f color description : Vivid orange.

The hexadecimal color #fdab1f has RGB values of R:253, G:171, B:31 and CMYK values of C:0, M:0.32, Y:0.88, K:0.01. Its decimal value is 16624415.

Hex triplet	fdab1f	`#fdab1f`
RGB Decimal	253, 171, 31	`rgb(253,171,31)`
RGB Percent	99.2, 67.1, 12.2	`rgb(99.2%,67.1%,12.2%)`
CMYK	0, 32, 88, 1
HSL	37.8°, 98.2, 55.7	`hsl(37.8,98.2%,55.7%)`
HSV (or HSB)	37.8°, 87.7, 99.2
Web Safe	ff9933	`#ff9933`

CIE-LAB	76.137, 20.318, 74.898
XYZ	55.32, 50.111, 8.055
xyY	0.487, 0.442, 50.111
CIE-LCH	76.137, 77.605, 74.822
CIE-LUV	76.137, 67.693, 73.525
Hunter-Lab	70.789, 15.611, 42.806
Binary	11111101, 10101011, 00011111

#fdab1f
```
#fdab1f rgb(253,171,31)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```

Complementary Color

#fd3c1f
```
#fd3c1f rgb(253,60,31)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```
#e0fd1f
```
#e0fd1f rgb(224,253,31)
```

Analogous Color

#3c1ffd
```
#3c1ffd rgb(60,31,253)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```
#1fe0fd
```
#1fe0fd rgb(31,224,253)
```

Split Complementary Color

#ab1ffd
```
#ab1ffd rgb(171,31,253)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```
#1ffdab
```
#1ffdab rgb(31,253,171)
```

Triadic Color

#fd1f71
```
#fd1f71 rgb(253,31,113)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```
#1ffdab
```
#1ffdab rgb(31,253,171)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```

Tetradic Color

#ce8202
```
#ce8202 rgb(206,130,2)
```
#e79202
```
#e79202 rgb(231,146,2)
```
#fda206
```
#fda206 rgb(253,162,6)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```
#fdb438
```
#fdb438 rgb(253,180,56)
```
#fdbe52
```
#fdbe52 rgb(253,190,82)
```
#fec76b
```
#fec76b rgb(254,199,107)
```

Monochromatic Color

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

#fd741f
```
#fd741f rgb(253,116,31)
```
#fd861f
```
#fd861f rgb(253,134,31)
```
#fd991f
```
#fd991f rgb(253,153,31)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```
#fdbe1f
```
#fdbe1f rgb(253,190,31)
```
#fdd01f
```
#fdd01f rgb(253,208,31)
```
#fde31f
```
#fde31f rgb(253,227,31)
```

Similar Colors

Text with hexadecimal color #fdab1f

This text has a font color of #fdab1f.

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

#fdab1f background color

This paragraph has a background color of #fdab1f.

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

#fdab1f border color

This element has a border color of #fdab1f.

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

CSS codes

.text {color:#fdab1f;}

.background {background-color:#fdab1f;}

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

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

#090600
```
#090600 rgb(9,6,0)
```
#1d1200
```
#1d1200 rgb(29,18,0)
```
#301f00
```
#301f00 rgb(48,31,0)
```
#442b01
```
#442b01 rgb(68,43,1)
```
#573701
```
#573701 rgb(87,55,1)
```
#6b4401
```
#6b4401 rgb(107,68,1)
```
#7e5001
```
#7e5001 rgb(126,80,1)
```
#915c01
```
#915c01 rgb(145,92,1)
```
#a56801
```
#a56801 rgb(165,104,1)
```
#b87502
```
#b87502 rgb(184,117,2)
```
#cc8102
```
#cc8102 rgb(204,129,2)
```
#df8d02
```
#df8d02 rgb(223,141,2)
```
#f39a02
```
#f39a02 rgb(243,154,2)
```

Shade Color Variation

#fda40c
```
#fda40c rgb(253,164,12)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```
#fdb232
```
#fdb232 rgb(253,178,50)
```
#fdba46
```
#fdba46 rgb(253,186,70)
```
#fec159
```
#fec159 rgb(254,193,89)
```
#fec86d
```
#fec86d rgb(254,200,109)
```
#fecf80
```
#fecf80 rgb(254,207,128)
```
#fed794
```
#fed794 rgb(254,215,148)
```
#fedea7
```
#fedea7 rgb(254,222,167)
```
#fee5bb
```
#fee5bb rgb(254,229,187)
```
#ffedce
```
#ffedce rgb(255,237,206)
```
#fff4e1
```
#fff4e1 rgb(255,244,225)
```
#fffbf5
```
#fffbf5 rgb(255,251,245)
```

Tint Color Variation

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

#959087
```
#959087 rgb(149,144,135)
```
#9d927f
```
#9d927f rgb(157,146,127)
```
#a69476
```
#a69476 rgb(166,148,118)
```
#af976d
```
#af976d rgb(175,151,109)
```
#b79965
```
#b79965 rgb(183,153,101)
```
#c09b5c
```
#c09b5c rgb(192,155,92)
```
#c99d53
```
#c99d53 rgb(201,157,83)
```
#d2a04a
```
#d2a04a rgb(210,160,74)
```
#daa242
```
#daa242 rgb(218,162,66)
```
#e3a439
```
#e3a439 rgb(227,164,57)
```
#eca630
```
#eca630 rgb(236,166,48)
```
#f4a928
```
#f4a928 rgb(244,169,40)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c3b296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6bf2f Protanopia 1% of men
#eeb625 Deuteranopia 1% of men
#ffa6b0 Tritanopia 0.001% of the population

Trichromacy

#e4b829 Protanomaly 1% of men, 0.01% of women
#f4b223 Deuteranomaly 6% of men, 0.4% of women
#fea87b Tritanomaly 0.01% of the population