#fcaf61 hex color

In a RGB color space, hex #fcaf61 is composed of 98.8% red, 68.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 61.5% yellow and 1.2% black. It has a hue angle of 30.2 degrees, a saturation of 96.3% and a lightness of 68.4%. #fcaf61 color hex could be obtained by blending #ffffc2 with #f95f00. 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

● #fcaf61 color description : Soft orange.

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

Hex triplet	fcaf61	`#fcaf61`
RGB Decimal	252, 175, 97	`rgb(252,175,97)`
RGB Percent	98.8, 68.6, 38	`rgb(98.8%,68.6%,38%)`
CMYK	0, 31, 62, 1
HSL	30.2°, 96.3, 68.4	`hsl(30.2,96.3%,68.4%)`
HSV (or HSB)	30.2°, 61.5, 98.8
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.413, 20.559, 50.579
XYZ	57.634, 52.222, 18.353
xyY	0.45, 0.407, 52.222
CIE-LCH	77.413, 54.597, 67.879
CIE-LUV	77.413, 59.825, 56.56
Hunter-Lab	72.265, 15.896, 35.527
Binary	11111100, 10101111, 01100001

#fcaf61
```
#fcaf61 rgb(252,175,97)
```
#61aefc
```
#61aefc rgb(97,174,252)
```

Complementary Color

#fc6261
```
#fc6261 rgb(252,98,97)
```
#fcaf61
```
#fcaf61 rgb(252,175,97)
```
#fcfc61
```
#fcfc61 rgb(252,252,97)
```

Analogous Color

#6261fc
```
#6261fc rgb(98,97,252)
```
#fcaf61
```
#fcaf61 rgb(252,175,97)
```
#61fcfc
```
#61fcfc rgb(97,252,252)
```

Split Complementary Color

#af61fc
```
#af61fc rgb(175,97,252)
```
#fcaf61
```
#fcaf61 rgb(252,175,97)
```
#61fcaf
```
#61fcaf rgb(97,252,175)
```

Triadic Color

#fc61ae
```
#fc61ae rgb(252,97,174)
```
#fcaf61
```
#fcaf61 rgb(252,175,97)
```
#61fcaf
```
#61fcaf rgb(97,252,175)
```
#61aefc
```
#61aefc rgb(97,174,252)
```

Tetradic Color

#fb8916
```
#fb8916 rgb(251,137,22)
```
#fb962f
```
#fb962f rgb(251,150,47)
```
#fca248
```
#fca248 rgb(252,162,72)
```
#fcaf61
```
#fcaf61 rgb(252,175,97)
```
#fcbc7a
```
#fcbc7a rgb(252,188,122)
```
#fdc893
```
#fdc893 rgb(253,200,147)
```
#fdd5ac
```
#fdd5ac rgb(253,213,172)
```

Monochromatic Color

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

#fc8861
```
#fc8861 rgb(252,136,97)
```
#fc9561
```
#fc9561 rgb(252,149,97)
```
#fca261
```
#fca261 rgb(252,162,97)
```
#fcaf61
```
#fcaf61 rgb(252,175,97)
```
#fcbc61
```
#fcbc61 rgb(252,188,97)
```
#fcc961
```
#fcc961 rgb(252,201,97)
```
#fcd661
```
#fcd661 rgb(252,214,97)
```

Similar Colors

Text with hexadecimal color #fcaf61

This text has a font color of #fcaf61.

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

#fcaf61 background color

This paragraph has a background color of #fcaf61.

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

#fcaf61 border color

This element has a border color of #fcaf61.

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

CSS codes

.text {color:#fcaf61;}

.background {background-color:#fcaf61;}

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

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, #0f0800 is the darkest color, while #fffdfb is the lightest one.

#0f0800
```
#0f0800 rgb(15,8,0)
```
#221201
```
#221201 rgb(34,18,1)
```
#361c01
```
#361c01 rgb(54,28,1)
```
#492501
```
#492501 rgb(73,37,1)
```
#5c2f02
```
#5c2f02 rgb(92,47,2)
```
#6f3902
```
#6f3902 rgb(111,57,2)
```
#834302
```
#834302 rgb(131,67,2)
```
#964d03
```
#964d03 rgb(150,77,3)
```
#a95703
```
#a95703 rgb(169,87,3)
```
#bc6104
```
#bc6104 rgb(188,97,4)
```
#d06b04
```
#d06b04 rgb(208,107,4)
```
#e37404
```
#e37404 rgb(227,116,4)
```
#f67e05
```
#f67e05 rgb(246,126,5)
```

Shade Color Variation

#fb8814
```
#fb8814 rgb(251,136,20)
```
#fb9227
```
#fb9227 rgb(251,146,39)
```
#fb9c3b
```
#fb9c3b rgb(251,156,59)
```
#fca54e
```
#fca54e rgb(252,165,78)
```
#fcaf61
```
#fcaf61 rgb(252,175,97)
```
#fcb974
```
#fcb974 rgb(252,185,116)
```
#fdc287
```
#fdc287 rgb(253,194,135)
```
#fdcc9b
```
#fdcc9b rgb(253,204,155)
```
#fdd6ae
```
#fdd6ae rgb(253,214,174)
```
#fee0c1
```
#fee0c1 rgb(254,224,193)
```
#fee9d4
```
#fee9d4 rgb(254,233,212)
```
#fff3e8
```
#fff3e8 rgb(255,243,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#b2afab
```
#b2afab rgb(178,175,171)
```
#b8afa5
```
#b8afa5 rgb(184,175,165)
```
#beaf9f
```
#beaf9f rgb(190,175,159)
```
#c4af99
```
#c4af99 rgb(196,175,153)
```
#caaf93
```
#caaf93 rgb(202,175,147)
```
#d1af8c
```
#d1af8c rgb(209,175,140)
```
#d7af86
```
#d7af86 rgb(215,175,134)
```
#ddaf80
```
#ddaf80 rgb(221,175,128)
```
#e3af7a
```
#e3af7a rgb(227,175,122)
```
#e9af74
```
#e9af74 rgb(233,175,116)
```
#f0af6d
```
#f0af6d rgb(240,175,109)
```
#f6af67
```
#f6af67 rgb(246,175,103)
```
#fcaf61
```
#fcaf61 rgb(252,175,97)
```

Tone Color Variation

Below, you can see how #fcaf61 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
#edb967 Deuteranopia 1% of men
#ffabb6 Tritanopia 0.001% of the population

Trichromacy

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

#fcaf61 hex color

#fcaf61 Color Information

#fcaf61 Color Conversion

Color Schemes with #fcaf61

Alternatives to #fcaf61

#fcaf61 Preview

Shades and Tints of #fcaf61

Tones of #fcaf61

Color Blindness Simulator