#f2ca55 hex color

In a RGB color space, hex #f2ca55 is composed of 94.9% red, 79.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 64.9% yellow and 5.1% black. It has a hue angle of 44.7 degrees, a saturation of 85.8% and a lightness of 64.1%. #f2ca55 color hex could be obtained by blending #ffffaa with #e59500. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 79
- B 33
RGB color chart
- C 0
- M 17
- Y 65
- K 5
CMYK color chart

● #f2ca55 color description : Soft orange.

The hexadecimal color #f2ca55 has RGB values of R:242, G:202, B:85 and CMYK values of C:0, M:0.17, Y:0.65, K:0.05. Its decimal value is 15911509.

Hex triplet	f2ca55	`#f2ca55`
RGB Decimal	242, 202, 85	`rgb(242,202,85)`
RGB Percent	94.9, 79.2, 33.3	`rgb(94.9%,79.2%,33.3%)`
CMYK	0, 17, 65, 5
HSL	44.7°, 85.8, 64.1	`hsl(44.7,85.8%,64.1%)`
HSV (or HSB)	44.7°, 64.9, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.794, 1.594, 61.823
XYZ	59.379, 61.777, 17.39
xyY	0.429, 0.446, 61.777
CIE-LCH	82.794, 61.843, 88.523
CIE-LUV	82.794, 33.298, 72.325
Hunter-Lab	78.598, -2.695, 41.9
Binary	11110010, 11001010, 01010101

#f2ca55
```
#f2ca55 rgb(242,202,85)
```
#557df2
```
#557df2 rgb(85,125,242)
```

Complementary Color

#f27c55
```
#f27c55 rgb(242,124,85)
```
#f2ca55
```
#f2ca55 rgb(242,202,85)
```
#ccf255
```
#ccf255 rgb(204,242,85)
```

Analogous Color

#7c55f2
```
#7c55f2 rgb(124,85,242)
```
#f2ca55
```
#f2ca55 rgb(242,202,85)
```
#55ccf2
```
#55ccf2 rgb(85,204,242)
```

Split Complementary Color

#ca55f2
```
#ca55f2 rgb(202,85,242)
```
#f2ca55
```
#f2ca55 rgb(242,202,85)
```
#55f2ca
```
#55f2ca rgb(85,242,202)
```

Triadic Color

#f2557d
```
#f2557d rgb(242,85,125)
```
#f2ca55
```
#f2ca55 rgb(242,202,85)
```
#55f2ca
```
#55f2ca rgb(85,242,202)
```
#557df2
```
#557df2 rgb(85,125,242)
```

Tetradic Color

#e9b212
```
#e9b212 rgb(233,178,18)
```
#eebb26
```
#eebb26 rgb(238,187,38)
```
#f0c33d
```
#f0c33d rgb(240,195,61)
```
#f2ca55
```
#f2ca55 rgb(242,202,85)
```
#f4d16d
```
#f4d16d rgb(244,209,109)
```
#f6d984
```
#f6d984 rgb(246,217,132)
```
#f7e09c
```
#f7e09c rgb(247,224,156)
```

Monochromatic Color

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

#f2a355
```
#f2a355 rgb(242,163,85)
```
#f2b055
```
#f2b055 rgb(242,176,85)
```
#f2bd55
```
#f2bd55 rgb(242,189,85)
```
#f2ca55
```
#f2ca55 rgb(242,202,85)
```
#f2d755
```
#f2d755 rgb(242,215,85)
```
#f2e455
```
#f2e455 rgb(242,228,85)
```
#f2f155
```
#f2f155 rgb(242,241,85)
```

Similar Colors

Text with hexadecimal color #f2ca55

This text has a font color of #f2ca55.

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

#f2ca55 background color

This paragraph has a background color of #f2ca55.

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

#f2ca55 border color

This element has a border color of #f2ca55.

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

CSS codes

.text {color:#f2ca55;}

.background {background-color:#f2ca55;}

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

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

#0c0901
```
#0c0901 rgb(12,9,1)
```
#1e1702
```
#1e1702 rgb(30,23,2)
```
#312504
```
#312504 rgb(49,37,4)
```
#433305
```
#433305 rgb(67,51,5)
```
#554107
```
#554107 rgb(85,65,7)
```
#674f08
```
#674f08 rgb(103,79,8)
```
#7a5d09
```
#7a5d09 rgb(122,93,9)
```
#8c6b0b
```
#8c6b0b rgb(140,107,11)
```
#9e790c
```
#9e790c rgb(158,121,12)
```
#b0870d
```
#b0870d rgb(176,135,13)
```
#c2950f
```
#c2950f rgb(194,149,15)
```
#d5a310
```
#d5a310 rgb(213,163,16)
```
#e7b112
```
#e7b112 rgb(231,177,18)
```

Shade Color Variation

#eeb91e
```
#eeb91e rgb(238,185,30)
```
#efbf31
```
#efbf31 rgb(239,191,49)
```
#f1c443
```
#f1c443 rgb(241,196,67)
```
#f2ca55
```
#f2ca55 rgb(242,202,85)
```
#f3d067
```
#f3d067 rgb(243,208,103)
```
#f5d579
```
#f5d579 rgb(245,213,121)
```
#f6db8c
```
#f6db8c rgb(246,219,140)
```
#f8e19e
```
#f8e19e rgb(248,225,158)
```
#f9e6b0
```
#f9e6b0 rgb(249,230,176)
```
#faecc2
```
#faecc2 rgb(250,236,194)
```
#fcf2d5
```
#fcf2d5 rgb(252,242,213)
```
#fdf7e7
```
#fdf7e7 rgb(253,247,231)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#a5a4a2
```
#a5a4a2 rgb(165,164,162)
```
#aca79b
```
#aca79b rgb(172,167,155)
```
#b3ab94
```
#b3ab94 rgb(179,171,148)
```
#baae8d
```
#baae8d rgb(186,174,141)
```
#c1b286
```
#c1b286 rgb(193,178,134)
```
#c8b57f
```
#c8b57f rgb(200,181,127)
```
#cfb978
```
#cfb978 rgb(207,185,120)
```
#d6bc71
```
#d6bc71 rgb(214,188,113)
```
#ddc06a
```
#ddc06a rgb(221,192,106)
```
#e4c363
```
#e4c363 rgb(228,195,99)
```
#ebc75c
```
#ebc75c rgb(235,199,92)
```
#f2ca55
```
#f2ca55 rgb(242,202,85)
```
#f9cd4e
```
#f9cd4e rgb(249,205,78)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d1c9b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d05f Protanopia 1% of men
#ffc767 Deuteranopia 1% of men
#fcc0ce Tritanopia 0.001% of the population

Trichromacy

#ebce5b Protanomaly 1% of men, 0.01% of women
#fac860 Deuteranomaly 6% of men, 0.4% of women
#f8c4a2 Tritanomaly 0.01% of the population

#f2ca55 hex color

#f2ca55 Color Information

#f2ca55 Color Conversion

Color Schemes with #f2ca55

Alternatives to #f2ca55

#f2ca55 Preview

Shades and Tints of #f2ca55

Tones of #f2ca55

Color Blindness Simulator