#f2ca5f hex color

In a RGB color space, hex #f2ca5f is composed of 94.9% red, 79.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 60.7% yellow and 5.1% black. It has a hue angle of 43.7 degrees, a saturation of 85% and a lightness of 66.1%. #f2ca5f color hex could be obtained by blending #ffffbe with #e59500. Closest websafe color is: #ffcc66.

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

● #f2ca5f color description : Soft orange.

The hexadecimal color #f2ca5f has RGB values of R:242, G:202, B:95 and CMYK values of C:0, M:0.17, Y:0.61, K:0.05. Its decimal value is 15911519.

Hex triplet	f2ca5f	`#f2ca5f`
RGB Decimal	242, 202, 95	`rgb(242,202,95)`
RGB Percent	94.9, 79.2, 37.3	`rgb(94.9%,79.2%,37.3%)`
CMYK	0, 17, 61, 5
HSL	43.7°, 85, 66.1	`hsl(43.7,85%,66.1%)`
HSV (or HSB)	43.7°, 60.7, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.885, 2.223, 57.502
XYZ	59.805, 61.947, 19.633
xyY	0.423, 0.438, 61.947
CIE-LCH	82.885, 57.545, 87.786
CIE-LUV	82.885, 32.802, 68.635
Hunter-Lab	78.706, -2.104, 40.305
Binary	11110010, 11001010, 01011111

#f2ca5f
```
#f2ca5f rgb(242,202,95)
```
#5f87f2
```
#5f87f2 rgb(95,135,242)
```

Complementary Color

#f2815f
```
#f2815f rgb(242,129,95)
```
#f2ca5f
```
#f2ca5f rgb(242,202,95)
```
#d1f25f
```
#d1f25f rgb(209,242,95)
```

Analogous Color

#815ff2
```
#815ff2 rgb(129,95,242)
```
#f2ca5f
```
#f2ca5f rgb(242,202,95)
```
#5fd1f2
```
#5fd1f2 rgb(95,209,242)
```

Split Complementary Color

#ca5ff2
```
#ca5ff2 rgb(202,95,242)
```
#f2ca5f
```
#f2ca5f rgb(242,202,95)
```
#5ff2ca
```
#5ff2ca rgb(95,242,202)
```

Triadic Color

#f25f87
```
#f25f87 rgb(242,95,135)
```
#f2ca5f
```
#f2ca5f rgb(242,202,95)
```
#5ff2ca
```
#5ff2ca rgb(95,242,202)
```
#5f87f2
```
#5f87f2 rgb(95,135,242)
```

Tetradic Color

#ecb318
```
#ecb318 rgb(236,179,24)
```
#eeba30
```
#eeba30 rgb(238,186,48)
```
#f0c247
```
#f0c247 rgb(240,194,71)
```
#f2ca5f
```
#f2ca5f rgb(242,202,95)
```
#f4d277
```
#f4d277 rgb(244,210,119)
```
#f6da8e
```
#f6da8e rgb(246,218,142)
```
#f8e1a6
```
#f8e1a6 rgb(248,225,166)
```

Monochromatic Color

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

#f2a55f
```
#f2a55f rgb(242,165,95)
```
#f2b25f
```
#f2b25f rgb(242,178,95)
```
#f2be5f
```
#f2be5f rgb(242,190,95)
```
#f2ca5f
```
#f2ca5f rgb(242,202,95)
```
#f2d65f
```
#f2d65f rgb(242,214,95)
```
#f2e35f
```
#f2e35f rgb(242,227,95)
```
#f2ef5f
```
#f2ef5f rgb(242,239,95)
```

Similar Colors

Text with hexadecimal color #f2ca5f

This text has a font color of #f2ca5f.

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

#f2ca5f background color

This paragraph has a background color of #f2ca5f.

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

#f2ca5f border color

This element has a border color of #f2ca5f.

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

CSS codes

.text {color:#f2ca5f;}

.background {background-color:#f2ca5f;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#151002
```
#151002 rgb(21,16,2)
```
#281e03
```
#281e03 rgb(40,30,3)
```
#3a2b05
```
#3a2b05 rgb(58,43,5)
```
#4c3906
```
#4c3906 rgb(76,57,6)
```
#5e4608
```
#5e4608 rgb(94,70,8)
```
#705409
```
#705409 rgb(112,84,9)
```
#82620b
```
#82620b rgb(130,98,11)
```
#946f0c
```
#946f0c rgb(148,111,12)
```
#a77d0e
```
#a77d0e rgb(167,125,14)
```
#b98b0f
```
#b98b0f rgb(185,139,15)
```
#cb9810
```
#cb9810 rgb(203,152,16)
```
#dda612
```
#dda612 rgb(221,166,18)
```

Shade Color Variation

#ecb216
```
#ecb216 rgb(236,178,22)
```
#eeb829
```
#eeb829 rgb(238,184,41)
```
#efbe3b
```
#efbe3b rgb(239,190,59)
```
#f1c44d
```
#f1c44d rgb(241,196,77)
```
#f2ca5f
```
#f2ca5f rgb(242,202,95)
```
#f3d071
```
#f3d071 rgb(243,208,113)
```
#f5d683
```
#f5d683 rgb(245,214,131)
```
#f6dc95
```
#f6dc95 rgb(246,220,149)
```
#f8e2a8
```
#f8e2a8 rgb(248,226,168)
```
#f9e8ba
```
#f9e8ba rgb(249,232,186)
```
#fbeecc
```
#fbeecc rgb(251,238,204)
```
#fcf4de
```
#fcf4de rgb(252,244,222)
```
#fefaf0
```
#fefaf0 rgb(254,250,240)
```

Tint Color Variation

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

#a9a9a8
```
#a9a9a8 rgb(169,169,168)
```
#afaca2
```
#afaca2 rgb(175,172,162)
```
#b6af9b
```
#b6af9b rgb(182,175,155)
```
#bdb294
```
#bdb294 rgb(189,178,148)
```
#c3b58e
```
#c3b58e rgb(195,181,142)
```
#cab887
```
#cab887 rgb(202,184,135)
```
#d1bb80
```
#d1bb80 rgb(209,187,128)
```
#d7be7a
```
#d7be7a rgb(215,190,122)
```
#dec173
```
#dec173 rgb(222,193,115)
```
#e5c46c
```
#e5c46c rgb(229,196,108)
```
#ebc766
```
#ebc766 rgb(235,199,102)
```
#f2ca5f
```
#f2ca5f rgb(242,202,95)
```
#f9cd58
```
#f9cd58 rgb(249,205,88)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d2cab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d168 Protanopia 1% of men
#ffc76b Deuteranopia 1% of men
#fcc1ce Tritanopia 0.001% of the population

Trichromacy

#eace65 Protanomaly 1% of men, 0.01% of women
#fac867 Deuteranomaly 6% of men, 0.4% of women
#f8c4a6 Tritanomaly 0.01% of the population

#f2ca5f hex color

#f2ca5f Color Information

#f2ca5f Color Conversion

Color Schemes with #f2ca5f

Alternatives to #f2ca5f

#f2ca5f Preview

Shades and Tints of #f2ca5f

Tones of #f2ca5f

Color Blindness Simulator