#f0ca48 hex color

In a RGB color space, hex #f0ca48 is composed of 94.1% red, 79.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.8% magenta, 70% yellow and 5.9% black. It has a hue angle of 46.4 degrees, a saturation of 84.8% and a lightness of 61.2%. #f0ca48 color hex could be obtained by blending #ffff90 with #e19500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 94
- G 79
- B 28
RGB color chart
- C 0
- M 16
- Y 70
- K 6
CMYK color chart

● #f0ca48 color description : Bright yellow.

The hexadecimal color #f0ca48 has RGB values of R:240, G:202, B:72 and CMYK values of C:0, M:0.16, Y:0.7, K:0.06. Its decimal value is 15780424.

Hex triplet	f0ca48	`#f0ca48`
RGB Decimal	240, 202, 72	`rgb(240,202,72)`
RGB Percent	94.1, 79.2, 28.2	`rgb(94.1%,79.2%,28.2%)`
CMYK	0, 16, 70, 6
HSL	46.4°, 84.8, 61.2	`hsl(46.4,84.8%,61.2%)`
HSV (or HSB)	46.4°, 70, 94.1
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	82.506, 0.055, 66.812
XYZ	58.226, 61.237, 14.884
xyY	0.433, 0.456, 61.237
CIE-LCH	82.506, 66.812, 89.953
CIE-LUV	82.506, 32.369, 76.402
Hunter-Lab	78.254, -4.128, 43.501
Binary	11110000, 11001010, 01001000

#f0ca48
```
#f0ca48 rgb(240,202,72)
```
#486ef0
```
#486ef0 rgb(72,110,240)
```

Complementary Color

#f07648
```
#f07648 rgb(240,118,72)
```
#f0ca48
```
#f0ca48 rgb(240,202,72)
```
#c2f048
```
#c2f048 rgb(194,240,72)
```

Analogous Color

#7648f0
```
#7648f0 rgb(118,72,240)
```
#f0ca48
```
#f0ca48 rgb(240,202,72)
```
#48c2f0
```
#48c2f0 rgb(72,194,240)
```

Split Complementary Color

#ca48f0
```
#ca48f0 rgb(202,72,240)
```
#f0ca48
```
#f0ca48 rgb(240,202,72)
```
#48f0ca
```
#48f0ca rgb(72,240,202)
```

Triadic Color

#f0486e
```
#f0486e rgb(240,72,110)
```
#f0ca48
```
#f0ca48 rgb(240,202,72)
```
#48f0ca
```
#48f0ca rgb(72,240,202)
```
#486ef0
```
#486ef0 rgb(72,110,240)
```

Tetradic Color

#daac12
```
#daac12 rgb(218,172,18)
```
#ecbc19
```
#ecbc19 rgb(236,188,25)
```
#eec330
```
#eec330 rgb(238,195,48)
```
#f0ca48
```
#f0ca48 rgb(240,202,72)
```
#f2d160
```
#f2d160 rgb(242,209,96)
```
#f4d877
```
#f4d877 rgb(244,216,119)
```
#f6de8f
```
#f6de8f rgb(246,222,143)
```

Monochromatic Color

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

#f0a048
```
#f0a048 rgb(240,160,72)
```
#f0ae48
```
#f0ae48 rgb(240,174,72)
```
#f0bc48
```
#f0bc48 rgb(240,188,72)
```
#f0ca48
```
#f0ca48 rgb(240,202,72)
```
#f0d848
```
#f0d848 rgb(240,216,72)
```
#f0e648
```
#f0e648 rgb(240,230,72)
```
#ecf048
```
#ecf048 rgb(236,240,72)
```

Similar Colors

Text with hexadecimal color #f0ca48

This text has a font color of #f0ca48.

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

#f0ca48 background color

This paragraph has a background color of #f0ca48.

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

#f0ca48 border color

This element has a border color of #f0ca48.

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

CSS codes

.text {color:#f0ca48;}

.background {background-color:#f0ca48;}

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

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, #100d01 is the darkest color, while #fffffd is the lightest one.

#100d01
```
#100d01 rgb(16,13,1)
```
#231b03
```
#231b03 rgb(35,27,3)
```
#352a04
```
#352a04 rgb(53,42,4)
```
#473806
```
#473806 rgb(71,56,6)
```
#594607
```
#594607 rgb(89,70,7)
```
#6b5509
```
#6b5509 rgb(107,85,9)
```
#7d630a
```
#7d630a rgb(125,99,10)
```
#8f720c
```
#8f720c rgb(143,114,12)
```
#a1800d
```
#a1800d rgb(161,128,13)
```
#b48e0f
```
#b48e0f rgb(180,142,15)
```
#c69d10
```
#c69d10 rgb(198,157,16)
```
#d8ab12
```
#d8ab12 rgb(216,171,18)
```
#eab913
```
#eab913 rgb(234,185,19)
```

Shade Color Variation

#edbf24
```
#edbf24 rgb(237,191,36)
```
#efc536
```
#efc536 rgb(239,197,54)
```
#f0ca48
```
#f0ca48 rgb(240,202,72)
```
#f1cf5a
```
#f1cf5a rgb(241,207,90)
```
#f3d56c
```
#f3d56c rgb(243,213,108)
```
#f4da7e
```
#f4da7e rgb(244,218,126)
```
#f6df91
```
#f6df91 rgb(246,223,145)
```
#f7e4a3
```
#f7e4a3 rgb(247,228,163)
```
#f9eab5
```
#f9eab5 rgb(249,234,181)
```
#faefc7
```
#faefc7 rgb(250,239,199)
```
#fcf4d9
```
#fcf4d9 rgb(252,244,217)
```
#fdf9eb
```
#fdf9eb rgb(253,249,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#9c9c9c
```
#9c9c9c rgb(156,156,156)
```
#a4a094
```
#a4a094 rgb(164,160,148)
```
#aba48d
```
#aba48d rgb(171,164,141)
```
#b3a985
```
#b3a985 rgb(179,169,133)
```
#bbad7d
```
#bbad7d rgb(187,173,125)
```
#c2b176
```
#c2b176 rgb(194,177,118)
```
#cab56e
```
#cab56e rgb(202,181,110)
```
#d2b966
```
#d2b966 rgb(210,185,102)
```
#d9bd5f
```
#d9bd5f rgb(217,189,95)
```
#e1c257
```
#e1c257 rgb(225,194,87)
```
#e8c650
```
#e8c650 rgb(232,198,80)
```
#f0ca48
```
#f0ca48 rgb(240,202,72)
```
#f8ce40
```
#f8ce40 rgb(248,206,64)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cfc8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d052 Protanopia 1% of men
#ffc65e Deuteranopia 1% of men
#fbc0cd Tritanopia 0.001% of the population

Trichromacy

#eacd4e Protanomaly 1% of men, 0.01% of women
#f9c756 Deuteranomaly 6% of men, 0.4% of women
#f7c39d Tritanomaly 0.01% of the population

#f0ca48 hex color

#f0ca48 Color Information

#f0ca48 Color Conversion

Color Schemes with #f0ca48

Alternatives to #f0ca48

#f0ca48 Preview

Shades and Tints of #f0ca48

Tones of #f0ca48

Color Blindness Simulator