#fcaf56 hex color

In a RGB color space, hex #fcaf56 is composed of 98.8% red, 68.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 65.9% yellow and 1.2% black. It has a hue angle of 32.2 degrees, a saturation of 96.5% and a lightness of 66.3%. #fcaf56 color hex could be obtained by blending #ffffac with #f95f00. Closest websafe color is: #ff9966.

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

● #fcaf56 color description : Soft orange.

The hexadecimal color #fcaf56 has RGB values of R:252, G:175, B:86 and CMYK values of C:0, M:0.31, Y:0.66, K:0.01. Its decimal value is 16559958.

Hex triplet	fcaf56	`#fcaf56`
RGB Decimal	252, 175, 86	`rgb(252,175,86)`
RGB Percent	98.8, 68.6, 33.7	`rgb(98.8%,68.6%,33.7%)`
CMYK	0, 31, 66, 1
HSL	32.2°, 96.5, 66.3	`hsl(32.2,96.5%,66.3%)`
HSV (or HSB)	32.2°, 65.9, 98.8
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.299, 19.878, 55.682
XYZ	57.156, 52.031, 15.836
xyY	0.457, 0.416, 52.031
CIE-LCH	77.299, 59.124, 70.354
CIE-LUV	77.299, 60.75, 61.012
Hunter-Lab	72.132, 15.207, 37.476
Binary	11111100, 10101111, 01010110

#fcaf56
```
#fcaf56 rgb(252,175,86)
```
#56a3fc
```
#56a3fc rgb(86,163,252)
```

Complementary Color

#fc5c56
```
#fc5c56 rgb(252,92,86)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```
#f6fc56
```
#f6fc56 rgb(246,252,86)
```

Analogous Color

#5c56fc
```
#5c56fc rgb(92,86,252)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```
#56f6fc
```
#56f6fc rgb(86,246,252)
```

Split Complementary Color

#af56fc
```
#af56fc rgb(175,86,252)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```
#56fcaf
```
#56fcaf rgb(86,252,175)
```

Triadic Color

#fc56a3
```
#fc56a3 rgb(252,86,163)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```
#56fcaf
```
#56fcaf rgb(86,252,175)
```
#56a3fc
```
#56a3fc rgb(86,163,252)
```

Tetradic Color

#fb8b0b
```
#fb8b0b rgb(251,139,11)
```
#fb9724
```
#fb9724 rgb(251,151,36)
```
#fca33d
```
#fca33d rgb(252,163,61)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```
#fcbb6f
```
#fcbb6f rgb(252,187,111)
```
#fdc788
```
#fdc788 rgb(253,199,136)
```
#fdd3a1
```
#fdd3a1 rgb(253,211,161)
```

Monochromatic Color

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

#fc8656
```
#fc8656 rgb(252,134,86)
```
#fc9356
```
#fc9356 rgb(252,147,86)
```
#fca156
```
#fca156 rgb(252,161,86)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```
#fcbd56
```
#fcbd56 rgb(252,189,86)
```
#fccb56
```
#fccb56 rgb(252,203,86)
```
#fcd956
```
#fcd956 rgb(252,217,86)
```

Similar Colors

Text with hexadecimal color #fcaf56

This text has a font color of #fcaf56.

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

#fcaf56 background color

This paragraph has a background color of #fcaf56.

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

#fcaf56 border color

This element has a border color of #fcaf56.

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

CSS codes

.text {color:#fcaf56;}

.background {background-color:#fcaf56;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#180d00
```
#180d00 rgb(24,13,0)
```
#2b1701
```
#2b1701 rgb(43,23,1)
```
#3e2201
```
#3e2201 rgb(62,34,1)
```
#522c01
```
#522c01 rgb(82,44,1)
```
#653702
```
#653702 rgb(101,55,2)
```
#784102
```
#784102 rgb(120,65,2)
```
#8b4c02
```
#8b4c02 rgb(139,76,2)
```
#9f5603
```
#9f5603 rgb(159,86,3)
```
#b26103
```
#b26103 rgb(178,97,3)
```
#c56b04
```
#c56b04 rgb(197,107,4)
```
#d87604
```
#d87604 rgb(216,118,4)
```
#ec8004
```
#ec8004 rgb(236,128,4)
```

Shade Color Variation

#fb8b09
```
#fb8b09 rgb(251,139,9)
```
#fb941c
```
#fb941c rgb(251,148,28)
```
#fb9d2f
```
#fb9d2f rgb(251,157,47)
```
#fca643
```
#fca643 rgb(252,166,67)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```
#fcb869
```
#fcb869 rgb(252,184,105)
```
#fdc17d
```
#fdc17d rgb(253,193,125)
```
#fdca90
```
#fdca90 rgb(253,202,144)
```
#fdd3a3
```
#fdd3a3 rgb(253,211,163)
```
#feddb6
```
#feddb6 rgb(254,221,182)
```
#fee6ca
```
#fee6ca rgb(254,230,202)
```
#feefdd
```
#feefdd rgb(254,239,221)
```
#fff8f0
```
#fff8f0 rgb(255,248,240)
```

Tint Color Variation

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

#ada9a5
```
#ada9a5 rgb(173,169,165)
```
#b3aa9f
```
#b3aa9f rgb(179,170,159)
```
#baaa98
```
#baaa98 rgb(186,170,152)
```
#c0ab92
```
#c0ab92 rgb(192,171,146)
```
#c7ab8b
```
#c7ab8b rgb(199,171,139)
```
#ceac84
```
#ceac84 rgb(206,172,132)
```
#d4ac7e
```
#d4ac7e rgb(212,172,126)
```
#dbad77
```
#dbad77 rgb(219,173,119)
```
#e2ad70
```
#e2ad70 rgb(226,173,112)
```
#e8ae6a
```
#e8ae6a rgb(232,174,106)
```
#efae63
```
#efae63 rgb(239,174,99)
```
#f5af5d
```
#f5af5d rgb(245,175,93)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c9b9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c263 Protanopia 1% of men
#eeb95c Deuteranopia 1% of men
#ffabb5 Tritanopia 0.001% of the population

Trichromacy

#e3bb5e Protanomaly 1% of men, 0.01% of women
#f3b55a Deuteranomaly 6% of men, 0.4% of women
#fdac93 Tritanomaly 0.01% of the population

#fcaf56 hex color

#fcaf56 Color Information

#fcaf56 Color Conversion

Color Schemes with #fcaf56

Alternatives to #fcaf56

#fcaf56 Preview

Shades and Tints of #fcaf56

Tones of #fcaf56

Color Blindness Simulator