#fca55c hex color

In a RGB color space, hex #fca55c is composed of 98.8% red, 64.7% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.5% magenta, 63.5% yellow and 1.2% black. It has a hue angle of 27.4 degrees, a saturation of 96.4% and a lightness of 67.5%. #fca55c color hex could be obtained by blending #ffffb8 with #f94b00. Closest websafe color is: #ff9966.

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

● #fca55c color description : Soft orange.

The hexadecimal color #fca55c has RGB values of R:252, G:165, B:92 and CMYK values of C:0, M:0.35, Y:0.63, K:0.01. Its decimal value is 16557404.

Hex triplet	fca55c	`#fca55c`
RGB Decimal	252, 165, 92	`rgb(252,165,92)`
RGB Percent	98.8, 64.7, 36.1	`rgb(98.8%,64.7%,36.1%)`
CMYK	0, 35, 63, 1
HSL	27.4°, 96.4, 67.5	`hsl(27.4,96.4%,67.5%)`
HSV (or HSB)	27.4°, 63.5, 98.8
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.065, 25.475, 50.298
XYZ	55.533, 48.382, 16.539
xyY	0.461, 0.402, 48.382
CIE-LCH	75.065, 56.381, 63.139
CIE-LUV	75.065, 67.826, 54.387
Hunter-Lab	69.557, 20.785, 34.593
Binary	11111100, 10100101, 01011100

#fca55c
```
#fca55c rgb(252,165,92)
```
#5cb3fc
```
#5cb3fc rgb(92,179,252)
```

Complementary Color

#fc5c63
```
#fc5c63 rgb(252,92,99)
```
#fca55c
```
#fca55c rgb(252,165,92)
```
#fcf55c
```
#fcf55c rgb(252,245,92)
```

Analogous Color

#5c63fc
```
#5c63fc rgb(92,99,252)
```
#fca55c
```
#fca55c rgb(252,165,92)
```
#5cfcf5
```
#5cfcf5 rgb(92,252,245)
```

Split Complementary Color

#a55cfc
```
#a55cfc rgb(165,92,252)
```
#fca55c
```
#fca55c rgb(252,165,92)
```
#5cfca5
```
#5cfca5 rgb(92,252,165)
```

Triadic Color

#fc5cb3
```
#fc5cb3 rgb(252,92,179)
```
#fca55c
```
#fca55c rgb(252,165,92)
```
#5cfca5
```
#5cfca5 rgb(92,252,165)
```
#5cb3fc
```
#5cb3fc rgb(92,179,252)
```

Tetradic Color

#fb7c11
```
#fb7c11 rgb(251,124,17)
```
#fb892a
```
#fb892a rgb(251,137,42)
```
#fc9743
```
#fc9743 rgb(252,151,67)
```
#fca55c
```
#fca55c rgb(252,165,92)
```
#fcb375
```
#fcb375 rgb(252,179,117)
```
#fdc18e
```
#fdc18e rgb(253,193,142)
```
#fdcea7
```
#fdcea7 rgb(253,206,167)
```

Monochromatic Color

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

#fc7d5c
```
#fc7d5c rgb(252,125,92)
```
#fc8a5c
```
#fc8a5c rgb(252,138,92)
```
#fc985c
```
#fc985c rgb(252,152,92)
```
#fca55c
```
#fca55c rgb(252,165,92)
```
#fcb25c
```
#fcb25c rgb(252,178,92)
```
#fcc05c
```
#fcc05c rgb(252,192,92)
```
#fccd5c
```
#fccd5c rgb(252,205,92)
```

Similar Colors

Text with hexadecimal color #fca55c

This text has a font color of #fca55c.

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

#fca55c background color

This paragraph has a background color of #fca55c.

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

#fca55c border color

This element has a border color of #fca55c.

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

CSS codes

.text {color:#fca55c;}

.background {background-color:#fca55c;}

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

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

#0a0500
```
#0a0500 rgb(10,5,0)
```
#1e0e01
```
#1e0e01 rgb(30,14,1)
```
#311701
```
#311701 rgb(49,23,1)
```
#442001
```
#442001 rgb(68,32,1)
```
#572902
```
#572902 rgb(87,41,2)
```
#6b3202
```
#6b3202 rgb(107,50,2)
```
#7e3b02
```
#7e3b02 rgb(126,59,2)
```
#914403
```
#914403 rgb(145,68,3)
```
#a44d03
```
#a44d03 rgb(164,77,3)
```
#b85603
```
#b85603 rgb(184,86,3)
```
#cb5f04
```
#cb5f04 rgb(203,95,4)
```
#de6804
```
#de6804 rgb(222,104,4)
```
#f17104
```
#f17104 rgb(241,113,4)
```

Shade Color Variation

#fb7a0f
```
#fb7a0f rgb(251,122,15)
```
#fb8522
```
#fb8522 rgb(251,133,34)
```
#fb9035
```
#fb9035 rgb(251,144,53)
```
#fc9a49
```
#fc9a49 rgb(252,154,73)
```
#fca55c
```
#fca55c rgb(252,165,92)
```
#fcb06f
```
#fcb06f rgb(252,176,111)
```
#fdba83
```
#fdba83 rgb(253,186,131)
```
#fdc596
```
#fdc596 rgb(253,197,150)
```
#fdd0a9
```
#fdd0a9 rgb(253,208,169)
```
#fedabc
```
#fedabc rgb(254,218,188)
```
#fee5d0
```
#fee5d0 rgb(254,229,208)
```
#feefe3
```
#feefe3 rgb(254,239,227)
```
#fffaf6
```
#fffaf6 rgb(255,250,246)
```

Tint Color Variation

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

#afaca9
```
#afaca9 rgb(175,172,169)
```
#b6aba2
```
#b6aba2 rgb(182,171,162)
```
#bcab9c
```
#bcab9c rgb(188,171,156)
```
#c3aa95
```
#c3aa95 rgb(195,170,149)
```
#c9a98f
```
#c9a98f rgb(201,169,143)
```
#cfa989
```
#cfa989 rgb(207,169,137)
```
#d6a882
```
#d6a882 rgb(214,168,130)
```
#dca87c
```
#dca87c rgb(220,168,124)
```
#e2a776
```
#e2a776 rgb(226,167,118)
```
#e9a76f
```
#e9a76f rgb(233,167,111)
```
#efa669
```
#efa669 rgb(239,166,105)
```
#f6a662
```
#f6a662 rgb(246,166,98)
```
#fca55c
```
#fca55c rgb(252,165,92)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c5b3a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebc6a Protanopia 1% of men
#e6b461 Deuteranopia 1% of men
#ffa2ac Tritanopia 0.001% of the population

Trichromacy

#dfb365 Protanomaly 1% of men, 0.01% of women
#eeae5f Deuteranomaly 6% of men, 0.4% of women
#fda38f Tritanomaly 0.01% of the population

#fca55c hex color

#fca55c Color Information

#fca55c Color Conversion

Color Schemes with #fca55c

Alternatives to #fca55c

#fca55c Preview

Shades and Tints of #fca55c

Tones of #fca55c

Color Blindness Simulator