#fca257 hex color

In a RGB color space, hex #fca257 is composed of 98.8% red, 63.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 65.5% yellow and 1.2% black. It has a hue angle of 27.3 degrees, a saturation of 96.5% and a lightness of 66.5%. #fca257 color hex could be obtained by blending #ffffae with #f94500. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 99
- G 64
- B 34
RGB color chart
- C 0
- M 36
- Y 65
- K 1
CMYK color chart

● #fca257 color description : Soft orange.

The hexadecimal color #fca257 has RGB values of R:252, G:162, B:87 and CMYK values of C:0, M:0.36, Y:0.65, K:0.01. Its decimal value is 16556631.

Hex triplet	fca257	`#fca257`
RGB Decimal	252, 162, 87	`rgb(252,162,87)`
RGB Percent	98.8, 63.5, 34.1	`rgb(98.8%,63.5%,34.1%)`
CMYK	0, 36, 65, 1
HSL	27.3°, 96.5, 66.5	`hsl(27.3,96.5%,66.5%)`
HSV (or HSB)	27.3°, 65.5, 98.8
Web Safe	ff9966	`#ff9966`

CIE-LAB	74.335, 26.741, 51.893
XYZ	54.787, 47.228, 15.247
xyY	0.467, 0.403, 47.228
CIE-LCH	74.335, 58.378, 62.738
CIE-LUV	74.335, 70.606, 55.181
Hunter-Lab	68.723, 22.038, 34.952
Binary	11111100, 10100010, 01010111

#fca257
```
#fca257 rgb(252,162,87)
```
#57b1fc
```
#57b1fc rgb(87,177,252)
```

Complementary Color

#fc575f
```
#fc575f rgb(252,87,95)
```
#fca257
```
#fca257 rgb(252,162,87)
```
#fcf557
```
#fcf557 rgb(252,245,87)
```

Analogous Color

#575ffc
```
#575ffc rgb(87,95,252)
```
#fca257
```
#fca257 rgb(252,162,87)
```
#57fcf5
```
#57fcf5 rgb(87,252,245)
```

Split Complementary Color

#a257fc
```
#a257fc rgb(162,87,252)
```
#fca257
```
#fca257 rgb(252,162,87)
```
#57fca2
```
#57fca2 rgb(87,252,162)
```

Triadic Color

#fc57b1
```
#fc57b1 rgb(252,87,177)
```
#fca257
```
#fca257 rgb(252,162,87)
```
#57fca2
```
#57fca2 rgb(87,252,162)
```
#57b1fc
```
#57b1fc rgb(87,177,252)
```

Tetradic Color

#fb780c
```
#fb780c rgb(251,120,12)
```
#fb8625
```
#fb8625 rgb(251,134,37)
```
#fc943e
```
#fc943e rgb(252,148,62)
```
#fca257
```
#fca257 rgb(252,162,87)
```
#fcb070
```
#fcb070 rgb(252,176,112)
```
#fdbe89
```
#fdbe89 rgb(253,190,137)
```
#fdcca2
```
#fdcca2 rgb(253,204,162)
```

Monochromatic Color

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

#fc7957
```
#fc7957 rgb(252,121,87)
```
#fc8757
```
#fc8757 rgb(252,135,87)
```
#fc9457
```
#fc9457 rgb(252,148,87)
```
#fca257
```
#fca257 rgb(252,162,87)
```
#fcb057
```
#fcb057 rgb(252,176,87)
```
#fcbe57
```
#fcbe57 rgb(252,190,87)
```
#fccb57
```
#fccb57 rgb(252,203,87)
```

Similar Colors

Text with hexadecimal color #fca257

This text has a font color of #fca257.

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

#fca257 background color

This paragraph has a background color of #fca257.

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

#fca257 border color

This element has a border color of #fca257.

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

CSS codes

.text {color:#fca257;}

.background {background-color:#fca257;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#190b00
```
#190b00 rgb(25,11,0)
```
#2c1401
```
#2c1401 rgb(44,20,1)
```
#3f1d01
```
#3f1d01 rgb(63,29,1)
```
#532601
```
#532601 rgb(83,38,1)
```
#662f02
```
#662f02 rgb(102,47,2)
```
#793802
```
#793802 rgb(121,56,2)
```
#8c4103
```
#8c4103 rgb(140,65,3)
```
#a04a03
```
#a04a03 rgb(160,74,3)
```
#b35303
```
#b35303 rgb(179,83,3)
```
#c65c04
```
#c65c04 rgb(198,92,4)
```
#d96504
```
#d96504 rgb(217,101,4)
```
#ed6e04
```
#ed6e04 rgb(237,110,4)
```

Shade Color Variation

#fb770a
```
#fb770a rgb(251,119,10)
```
#fb821d
```
#fb821d rgb(251,130,29)
```
#fb8d30
```
#fb8d30 rgb(251,141,48)
```
#fc9744
```
#fc9744 rgb(252,151,68)
```
#fca257
```
#fca257 rgb(252,162,87)
```
#fcad6a
```
#fcad6a rgb(252,173,106)
```
#fdb77e
```
#fdb77e rgb(253,183,126)
```
#fdc291
```
#fdc291 rgb(253,194,145)
```
#fdcda4
```
#fdcda4 rgb(253,205,164)
```
#fed7b7
```
#fed7b7 rgb(254,215,183)
```
#fee2cb
```
#fee2cb rgb(254,226,203)
```
#feedde
```
#feedde rgb(254,237,222)
```
#fff7f1
```
#fff7f1 rgb(255,247,241)
```

Tint Color Variation

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

#ada9a6
```
#ada9a6 rgb(173,169,166)
```
#b4a99f
```
#b4a99f rgb(180,169,159)
```
#baa899
```
#baa899 rgb(186,168,153)
```
#c1a792
```
#c1a792 rgb(193,167,146)
```
#c7a78c
```
#c7a78c rgb(199,167,140)
```
#cea685
```
#cea685 rgb(206,166,133)
```
#d5a67e
```
#d5a67e rgb(213,166,126)
```
#dba578
```
#dba578 rgb(219,165,120)
```
#e2a471
```
#e2a471 rgb(226,164,113)
```
#e8a46b
```
#e8a46b rgb(232,164,107)
```
#efa364
```
#efa364 rgb(239,163,100)
```
#f5a35e
```
#f5a35e rgb(245,163,94)
```
#fca257
```
#fca257 rgb(252,162,87)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c2b0a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdba65 Protanopia 1% of men
#e4b25c Deuteranopia 1% of men
#ff9fa9 Tritanopia 0.001% of the population

Trichromacy

#deb160 Protanomaly 1% of men, 0.01% of women
#edac5a Deuteranomaly 6% of men, 0.4% of women
#fda08b Tritanomaly 0.01% of the population

#fca257 hex color

#fca257 Color Information

#fca257 Color Conversion

Color Schemes with #fca257

Alternatives to #fca257

#fca257 Preview

Shades and Tints of #fca257

Tones of #fca257

Color Blindness Simulator