#fdaf61 hex color

In a RGB color space, hex #fdaf61 is composed of 99.2% red, 68.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 61.7% yellow and 0.8% black. It has a hue angle of 30 degrees, a saturation of 97.5% and a lightness of 68.6%. #fdaf61 color hex could be obtained by blending #ffffc2 with #fb5f00. Closest websafe color is: #ff9966.

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

● #fdaf61 color description : Soft orange.

The hexadecimal color #fdaf61 has RGB values of R:253, G:175, B:97 and CMYK values of C:0, M:0.31, Y:0.62, K:0.01. Its decimal value is 16625505.

Hex triplet	fdaf61	`#fdaf61`
RGB Decimal	253, 175, 97	`rgb(253,175,97)`
RGB Percent	99.2, 68.6, 38	`rgb(99.2%,68.6%,38%)`
CMYK	0, 31, 62, 1
HSL	30°, 97.5, 68.6	`hsl(30,97.5%,68.6%)`
HSV (or HSB)	30°, 61.7, 99.2
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.525, 20.966, 50.737
XYZ	57.997, 52.409, 18.37
xyY	0.45, 0.407, 52.409
CIE-LCH	77.525, 54.898, 67.548
CIE-LUV	77.525, 60.61, 56.635
Hunter-Lab	72.394, 16.311, 35.631
Binary	11111101, 10101111, 01100001

#fdaf61
```
#fdaf61 rgb(253,175,97)
```
#61affd
```
#61affd rgb(97,175,253)
```

Complementary Color

#fd6161
```
#fd6161 rgb(253,97,97)
```
#fdaf61
```
#fdaf61 rgb(253,175,97)
```
#fdfd61
```
#fdfd61 rgb(253,253,97)
```

Analogous Color

#6161fd
```
#6161fd rgb(97,97,253)
```
#fdaf61
```
#fdaf61 rgb(253,175,97)
```
#61fdfd
```
#61fdfd rgb(97,253,253)
```

Split Complementary Color

#af61fd
```
#af61fd rgb(175,97,253)
```
#fdaf61
```
#fdaf61 rgb(253,175,97)
```
#61fdaf
```
#61fdaf rgb(97,253,175)
```

Triadic Color

#fd61af
```
#fd61af rgb(253,97,175)
```
#fdaf61
```
#fdaf61 rgb(253,175,97)
```
#61fdaf
```
#61fdaf rgb(97,253,175)
```
#61affd
```
#61affd rgb(97,175,253)
```

Tetradic Color

#fc8915
```
#fc8915 rgb(252,137,21)
```
#fc962f
```
#fc962f rgb(252,150,47)
```
#fda248
```
#fda248 rgb(253,162,72)
```
#fdaf61
```
#fdaf61 rgb(253,175,97)
```
#fdbc7a
```
#fdbc7a rgb(253,188,122)
```
#fec993
```
#fec993 rgb(254,201,147)
```
#fed5ad
```
#fed5ad rgb(254,213,173)
```

Monochromatic Color

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

#fd8861
```
#fd8861 rgb(253,136,97)
```
#fd9561
```
#fd9561 rgb(253,149,97)
```
#fda261
```
#fda261 rgb(253,162,97)
```
#fdaf61
```
#fdaf61 rgb(253,175,97)
```
#fdbc61
```
#fdbc61 rgb(253,188,97)
```
#fdc961
```
#fdc961 rgb(253,201,97)
```
#fdd661
```
#fdd661 rgb(253,214,97)
```

Similar Colors

Text with hexadecimal color #fdaf61

This text has a font color of #fdaf61.

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

#fdaf61 background color

This paragraph has a background color of #fdaf61.

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

#fdaf61 border color

This element has a border color of #fdaf61.

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

CSS codes

.text {color:#fdaf61;}

.background {background-color:#fdaf61;}

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

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

#100800
```
#100800 rgb(16,8,0)
```
#241200
```
#241200 rgb(36,18,0)
```
#371c01
```
#371c01 rgb(55,28,1)
```
#4a2601
```
#4a2601 rgb(74,38,1)
```
#5e3001
```
#5e3001 rgb(94,48,1)
```
#713901
```
#713901 rgb(113,57,1)
```
#854302
```
#854302 rgb(133,67,2)
```
#984d02
```
#984d02 rgb(152,77,2)
```
#ab5702
```
#ab5702 rgb(171,87,2)
```
#bf6102
```
#bf6102 rgb(191,97,2)
```
#d26a03
```
#d26a03 rgb(210,106,3)
```
#e57403
```
#e57403 rgb(229,116,3)
```
#f97e03
```
#f97e03 rgb(249,126,3)
```

Shade Color Variation

#fc8814
```
#fc8814 rgb(252,136,20)
```
#fc9227
```
#fc9227 rgb(252,146,39)
```
#fd9b3a
```
#fd9b3a rgb(253,155,58)
```
#fda54e
```
#fda54e rgb(253,165,78)
```
#fdaf61
```
#fdaf61 rgb(253,175,97)
```
#fdb974
```
#fdb974 rgb(253,185,116)
```
#fdc388
```
#fdc388 rgb(253,195,136)
```
#fecc9b
```
#fecc9b rgb(254,204,155)
```
#fed6ae
```
#fed6ae rgb(254,214,174)
```
#fee0c2
```
#fee0c2 rgb(254,224,194)
```
#feead5
```
#feead5 rgb(254,234,213)
```
#fff4e9
```
#fff4e9 rgb(255,244,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#b3afab
```
#b3afab rgb(179,175,171)
```
#b9afa5
```
#b9afa5 rgb(185,175,165)
```
#bfaf9f
```
#bfaf9f rgb(191,175,159)
```
#c6af98
```
#c6af98 rgb(198,175,152)
```
#ccaf92
```
#ccaf92 rgb(204,175,146)
```
#d2af8c
```
#d2af8c rgb(210,175,140)
```
#d8af86
```
#d8af86 rgb(216,175,134)
```
#deaf80
```
#deaf80 rgb(222,175,128)
```
#e4af7a
```
#e4af7a rgb(228,175,122)
```
#ebaf73
```
#ebaf73 rgb(235,175,115)
```
#f1af6d
```
#f1af6d rgb(241,175,109)
```
#f7af67
```
#f7af67 rgb(247,175,103)
```
#fdaf61
```
#fdaf61 rgb(253,175,97)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#cabaab Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c26e Protanopia 1% of men
#edba67 Deuteranopia 1% of men
#ffacb6 Tritanopia 0.001% of the population

Trichromacy

#e3bb69 Protanomaly 1% of men, 0.01% of women
#f3b664 Deuteranomaly 6% of men, 0.4% of women
#fead97 Tritanomaly 0.01% of the population

#fdaf61 hex color

#fdaf61 Color Information

#fdaf61 Color Conversion

Color Schemes with #fdaf61

Alternatives to #fdaf61

#fdaf61 Preview

Shades and Tints of #fdaf61

Tones of #fdaf61

Color Blindness Simulator