#fdaf30 hex color

In a RGB color space, hex #fdaf30 is composed of 99.2% red, 68.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 81% yellow and 0.8% black. It has a hue angle of 37.2 degrees, a saturation of 98.1% and a lightness of 59%. #fdaf30 color hex could be obtained by blending #ffff60 with #fb5f00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 99
- G 69
- B 19
RGB color chart
- C 0
- M 31
- Y 81
- K 1
CMYK color chart

● #fdaf30 color description : Bright orange.

The hexadecimal color #fdaf30 has RGB values of R:253, G:175, B:48 and CMYK values of C:0, M:0.31, Y:0.81, K:0.01. Its decimal value is 16625456.

Hex triplet	fdaf30	`#fdaf30`
RGB Decimal	253, 175, 48	`rgb(253,175,48)`
RGB Percent	99.2, 68.6, 18.8	`rgb(99.2%,68.6%,18.8%)`
CMYK	0, 31, 81, 1
HSL	37.2°, 98.1, 59	`hsl(37.2,98.1%,59%)`
HSV (or HSB)	37.2°, 81, 99.2
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.137, 18.643, 70.897
XYZ	56.373, 51.76, 9.818
xyY	0.478, 0.439, 51.76
CIE-LCH	77.137, 73.307, 75.267
CIE-LUV	77.137, 63.861, 72.139
Hunter-Lab	71.944, 13.964, 42.27
Binary	11111101, 10101111, 00110000

#fdaf30
```
#fdaf30 rgb(253,175,48)
```
#307efd
```
#307efd rgb(48,126,253)
```

Complementary Color

#fd4930
```
#fd4930 rgb(253,73,48)
```
#fdaf30
```
#fdaf30 rgb(253,175,48)
```
#e5fd30
```
#e5fd30 rgb(229,253,48)
```

Analogous Color

#4930fd
```
#4930fd rgb(73,48,253)
```
#fdaf30
```
#fdaf30 rgb(253,175,48)
```
#30e5fd
```
#30e5fd rgb(48,229,253)
```

Split Complementary Color

#af30fd
```
#af30fd rgb(175,48,253)
```
#fdaf30
```
#fdaf30 rgb(253,175,48)
```
#30fdaf
```
#30fdaf rgb(48,253,175)
```

Triadic Color

#fd307e
```
#fd307e rgb(253,48,126)
```
#fdaf30
```
#fdaf30 rgb(253,175,48)
```
#30fdaf
```
#30fdaf rgb(48,253,175)
```
#307efd
```
#307efd rgb(48,126,253)
```

Tetradic Color

#de8b02
```
#de8b02 rgb(222,139,2)
```
#f89a02
```
#f89a02 rgb(248,154,2)
```
#fda517
```
#fda517 rgb(253,165,23)
```
#fdaf30
```
#fdaf30 rgb(253,175,48)
```
#fdb949
```
#fdb949 rgb(253,185,73)
```
#fdc363
```
#fdc363 rgb(253,195,99)
```
#fecc7c
```
#fecc7c rgb(254,204,124)
```

Monochromatic Color

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

#fd7c30
```
#fd7c30 rgb(253,124,48)
```
#fd8d30
```
#fd8d30 rgb(253,141,48)
```
#fd9e30
```
#fd9e30 rgb(253,158,48)
```
#fdaf30
```
#fdaf30 rgb(253,175,48)
```
#fdc030
```
#fdc030 rgb(253,192,48)
```
#fdd130
```
#fdd130 rgb(253,209,48)
```
#fde230
```
#fde230 rgb(253,226,48)
```

Similar Colors

Text with hexadecimal color #fdaf30

This text has a font color of #fdaf30.

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

#fdaf30 background color

This paragraph has a background color of #fdaf30.

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

#fdaf30 border color

This element has a border color of #fdaf30.

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

CSS codes

.text {color:#fdaf30;}

.background {background-color:#fdaf30;}

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

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

#070400
```
#070400 rgb(7,4,0)
```
#1a1000
```
#1a1000 rgb(26,16,0)
```
#2e1c00
```
#2e1c00 rgb(46,28,0)
```
#412801
```
#412801 rgb(65,40,1)
```
#543501
```
#543501 rgb(84,53,1)
```
#684101
```
#684101 rgb(104,65,1)
```
#7b4d01
```
#7b4d01 rgb(123,77,1)
```
#8f5901
```
#8f5901 rgb(143,89,1)
```
#a26502
```
#a26502 rgb(162,101,2)
```
#b67102
```
#b67102 rgb(182,113,2)
```
#c97d02
```
#c97d02 rgb(201,125,2)
```
#dc8902
```
#dc8902 rgb(220,137,2)
```
#f09502
```
#f09502 rgb(240,149,2)
```

Shade Color Variation

#fda009
```
#fda009 rgb(253,160,9)
```
#fda71d
```
#fda71d rgb(253,167,29)
```
#fdaf30
```
#fdaf30 rgb(253,175,48)
```
#fdb743
```
#fdb743 rgb(253,183,67)
```
#fdbe57
```
#fdbe57 rgb(253,190,87)
```
#fec66a
```
#fec66a rgb(254,198,106)
```
#fecd7e
```
#fecd7e rgb(254,205,126)
```
#fed591
```
#fed591 rgb(254,213,145)
```
#fedca5
```
#fedca5 rgb(254,220,165)
```
#fee4b8
```
#fee4b8 rgb(254,228,184)
```
#ffebcb
```
#ffebcb rgb(255,235,203)
```
#fff3df
```
#fff3df rgb(255,243,223)
```
#fffaf2
```
#fffaf2 rgb(255,250,242)
```

Tint Color Variation

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

#9d9890
```
#9d9890 rgb(157,152,144)
```
#a59a88
```
#a59a88 rgb(165,154,136)
```
#ad9c80
```
#ad9c80 rgb(173,156,128)
```
#b59e78
```
#b59e78 rgb(181,158,120)
```
#bda070
```
#bda070 rgb(189,160,112)
```
#c5a268
```
#c5a268 rgb(197,162,104)
```
#cda360
```
#cda360 rgb(205,163,96)
```
#d5a558
```
#d5a558 rgb(213,165,88)
```
#dda750
```
#dda750 rgb(221,167,80)
```
#e5a948
```
#e5a948 rgb(229,169,72)
```
#edab40
```
#edab40 rgb(237,171,64)
```
#f5ad38
```
#f5ad38 rgb(245,173,56)
```
#fdaf30
```
#fdaf30 rgb(253,175,48)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c6b69d Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c23e Protanopia 1% of men
#f1b837 Deuteranopia 1% of men
#ffaab4 Tritanopia 0.001% of the population

Trichromacy

#e5bb39 Protanomaly 1% of men, 0.01% of women
#f5b535 Deuteranomaly 6% of men, 0.4% of women
#feac84 Tritanomaly 0.01% of the population

#fdaf30 hex color

#fdaf30 Color Information

#fdaf30 Color Conversion

Color Schemes with #fdaf30

Alternatives to #fdaf30

#fdaf30 Preview

Shades and Tints of #fdaf30

Tones of #fdaf30

Color Blindness Simulator