#fca86f hex color

In a RGB color space, hex #fca86f is composed of 98.8% red, 65.9% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 56% yellow and 1.2% black. It has a hue angle of 24.3 degrees, a saturation of 95.9% and a lightness of 71.2%. #fca86f color hex could be obtained by blending #ffffde with #f95100. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 99
- G 66
- B 44
RGB color chart
- C 0
- M 33
- Y 56
- K 1
CMYK color chart

● #fca86f color description : Soft orange.

The hexadecimal color #fca86f has RGB values of R:252, G:168, B:111 and CMYK values of C:0, M:0.33, Y:0.56, K:0.01. Its decimal value is 16558191.

Hex triplet	fca86f	`#fca86f`
RGB Decimal	252, 168, 111	`rgb(252,168,111)`
RGB Percent	98.8, 65.9, 43.5	`rgb(98.8%,65.9%,43.5%)`
CMYK	0, 33, 56, 1
HSL	24.3°, 95.9, 71.2	`hsl(24.3,95.9%,71.2%)`
HSV (or HSB)	24.3°, 56, 98.8
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.978, 25.232, 41.836
XYZ	57.018, 49.852, 21.658
xyY	0.444, 0.388, 49.852
CIE-LCH	75.978, 48.856, 58.905
CIE-LUV	75.978, 63.589, 46.927
Hunter-Lab	70.606, 20.587, 31.238
Binary	11111100, 10101000, 01101111

#fca86f
```
#fca86f rgb(252,168,111)
```
#6fc3fc
```
#6fc3fc rgb(111,195,252)
```

Complementary Color

#fc6f7d
```
#fc6f7d rgb(252,111,125)
```
#fca86f
```
#fca86f rgb(252,168,111)
```
#fcef6f
```
#fcef6f rgb(252,239,111)
```

Analogous Color

#6f7dfc
```
#6f7dfc rgb(111,125,252)
```
#fca86f
```
#fca86f rgb(252,168,111)
```
#6ffcef
```
#6ffcef rgb(111,252,239)
```

Split Complementary Color

#a86ffc
```
#a86ffc rgb(168,111,252)
```
#fca86f
```
#fca86f rgb(252,168,111)
```
#6ffca8
```
#6ffca8 rgb(111,252,168)
```

Triadic Color

#fc6fc3
```
#fc6fc3 rgb(252,111,195)
```
#fca86f
```
#fca86f rgb(252,168,111)
```
#6ffca8
```
#6ffca8 rgb(111,252,168)
```
#6fc3fc
```
#6fc3fc rgb(111,195,252)
```

Tetradic Color

#fa7b24
```
#fa7b24 rgb(250,123,36)
```
#fb8a3d
```
#fb8a3d rgb(251,138,61)
```
#fb9956
```
#fb9956 rgb(251,153,86)
```
#fca86f
```
#fca86f rgb(252,168,111)
```
#fdb788
```
#fdb788 rgb(253,183,136)
```
#fdc6a1
```
#fdc6a1 rgb(253,198,161)
```
#fed5ba
```
#fed5ba rgb(254,213,186)
```

Monochromatic Color

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

#fc856f
```
#fc856f rgb(252,133,111)
```
#fc916f
```
#fc916f rgb(252,145,111)
```
#fc9c6f
```
#fc9c6f rgb(252,156,111)
```
#fca86f
```
#fca86f rgb(252,168,111)
```
#fcb46f
```
#fcb46f rgb(252,180,111)
```
#fcc06f
```
#fcc06f rgb(252,192,111)
```
#fccb6f
```
#fccb6f rgb(252,203,111)
```

Similar Colors

Text with hexadecimal color #fca86f

This text has a font color of #fca86f.

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

#fca86f background color

This paragraph has a background color of #fca86f.

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

#fca86f border color

This element has a border color of #fca86f.

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

CSS codes

.text {color:#fca86f;}

.background {background-color:#fca86f;}

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

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

#0a0400
```
#0a0400 rgb(10,4,0)
```
#1d0c01
```
#1d0c01 rgb(29,12,1)
```
#301401
```
#301401 rgb(48,20,1)
```
#431c01
```
#431c01 rgb(67,28,1)
```
#572402
```
#572402 rgb(87,36,2)
```
#6a2c02
```
#6a2c02 rgb(106,44,2)
```
#7d3403
```
#7d3403 rgb(125,52,3)
```
#903c03
```
#903c03 rgb(144,60,3)
```
#a34403
```
#a34403 rgb(163,68,3)
```
#b74c04
```
#b74c04 rgb(183,76,4)
```
#ca5404
```
#ca5404 rgb(202,84,4)
```
#dd5c05
```
#dd5c05 rgb(221,92,5)
```
#f06405
```
#f06405 rgb(240,100,5)
```

Shade Color Variation

#fa6e0f
```
#fa6e0f rgb(250,110,15)
```
#fa7a22
```
#fa7a22 rgb(250,122,34)
```
#fb8535
```
#fb8535 rgb(251,133,53)
```
#fb9149
```
#fb9149 rgb(251,145,73)
```
#fc9c5c
```
#fc9c5c rgb(252,156,92)
```
#fca86f
```
#fca86f rgb(252,168,111)
```
#fcb482
```
#fcb482 rgb(252,180,130)
```
#fdbf95
```
#fdbf95 rgb(253,191,149)
```
#fdcba9
```
#fdcba9 rgb(253,203,169)
```
#fed6bc
```
#fed6bc rgb(254,214,188)
```
#fee2cf
```
#fee2cf rgb(254,226,207)
```
#feeee2
```
#feeee2 rgb(254,238,226)
```
#fff9f6
```
#fff9f6 rgb(255,249,246)
```

Tint Color Variation

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

#b8b5b3
```
#b8b5b3 rgb(184,181,179)
```
#beb4ad
```
#beb4ad rgb(190,180,173)
```
#c3b3a8
```
#c3b3a8 rgb(195,179,168)
```
#c9b2a2
```
#c9b2a2 rgb(201,178,162)
```
#cfb19c
```
#cfb19c rgb(207,177,156)
```
#d4b097
```
#d4b097 rgb(212,176,151)
```
#daae91
```
#daae91 rgb(218,174,145)
```
#e0ad8b
```
#e0ad8b rgb(224,173,139)
```
#e5ac86
```
#e5ac86 rgb(229,172,134)
```
#ebab80
```
#ebab80 rgb(235,171,128)
```
#f1aa7a
```
#f1aa7a rgb(241,170,122)
```
#f6a975
```
#f6a975 rgb(246,169,117)
```
#fca86f
```
#fca86f rgb(252,168,111)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c8b7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbe7d Protanopia 1% of men
#e6b673 Deuteranopia 1% of men
#ffa6b0 Tritanopia 0.001% of the population

Trichromacy

#dfb677 Protanomaly 1% of men, 0.01% of women
#eeb171 Deuteranomaly 6% of men, 0.4% of women
#fda698 Tritanomaly 0.01% of the population

#fca86f hex color

#fca86f Color Information

#fca86f Color Conversion

Color Schemes with #fca86f

Alternatives to #fca86f

#fca86f Preview

Shades and Tints of #fca86f

Tones of #fca86f

Color Blindness Simulator