#f0c972 hex color

In a RGB color space, hex #f0c972 is composed of 94.1% red, 78.8% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.3% magenta, 52.5% yellow and 5.9% black. It has a hue angle of 41.4 degrees, a saturation of 80.8% and a lightness of 69.4%. #f0c972 color hex could be obtained by blending #ffffe4 with #e19300. Closest websafe color is: #ffcc66.

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

● #f0c972 color description : Soft orange.

The hexadecimal color #f0c972 has RGB values of R:240, G:201, B:114 and CMYK values of C:0, M:0.16, Y:0.53, K:0.06. Its decimal value is 15780210.

Hex triplet	f0c972	`#f0c972`
RGB Decimal	240, 201, 114	`rgb(240,201,114)`
RGB Percent	94.1, 78.8, 44.7	`rgb(94.1%,78.8%,44.7%)`
CMYK	0, 16, 53, 6
HSL	41.4°, 80.8, 69.4	`hsl(41.4,80.8%,69.4%)`
HSV (or HSB)	41.4°, 52.5, 94.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.655, 3.345, 48.219
XYZ	59.859, 61.516, 24.639
xyY	0.41, 0.421, 61.516
CIE-LCH	82.655, 48.334, 86.032
CIE-LUV	82.655, 30.936, 59.84
Hunter-Lab	78.432, -1.024, 36.276
Binary	11110000, 11001001, 01110010

#f0c972
```
#f0c972 rgb(240,201,114)
```
#7299f0
```
#7299f0 rgb(114,153,240)
```

Complementary Color

#f08a72
```
#f08a72 rgb(240,138,114)
```
#f0c972
```
#f0c972 rgb(240,201,114)
```
#d8f072
```
#d8f072 rgb(216,240,114)
```

Analogous Color

#8a72f0
```
#8a72f0 rgb(138,114,240)
```
#f0c972
```
#f0c972 rgb(240,201,114)
```
#72d8f0
```
#72d8f0 rgb(114,216,240)
```

Split Complementary Color

#c972f0
```
#c972f0 rgb(201,114,240)
```
#f0c972
```
#f0c972 rgb(240,201,114)
```
#72f0c9
```
#72f0c9 rgb(114,240,201)
```

Triadic Color

#f07299
```
#f07299 rgb(240,114,153)
```
#f0c972
```
#f0c972 rgb(240,201,114)
```
#72f0c9
```
#72f0c9 rgb(114,240,201)
```
#7299f0
```
#7299f0 rgb(114,153,240)
```

Tetradic Color

#e9af2d
```
#e9af2d rgb(233,175,45)
```
#ebb744
```
#ebb744 rgb(235,183,68)
```
#eec05b
```
#eec05b rgb(238,192,91)
```
#f0c972
```
#f0c972 rgb(240,201,114)
```
#f2d289
```
#f2d289 rgb(242,210,137)
```
#f5dba0
```
#f5dba0 rgb(245,219,160)
```
#f7e3b7
```
#f7e3b7 rgb(247,227,183)
```

Monochromatic Color

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

#f0aa72
```
#f0aa72 rgb(240,170,114)
```
#f0b472
```
#f0b472 rgb(240,180,114)
```
#f0bf72
```
#f0bf72 rgb(240,191,114)
```
#f0c972
```
#f0c972 rgb(240,201,114)
```
#f0d472
```
#f0d472 rgb(240,212,114)
```
#f0de72
```
#f0de72 rgb(240,222,114)
```
#f0e972
```
#f0e972 rgb(240,233,114)
```

Similar Colors

Text with hexadecimal color #f0c972

This text has a font color of #f0c972.

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

#f0c972 background color

This paragraph has a background color of #f0c972.

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

#f0c972 border color

This element has a border color of #f0c972.

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

CSS codes

.text {color:#f0c972;}

.background {background-color:#f0c972;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130d02
```
#130d02 rgb(19,13,2)
```
#241a04
```
#241a04 rgb(36,26,4)
```
#362706
```
#362706 rgb(54,39,6)
```
#483408
```
#483408 rgb(72,52,8)
```
#59410a
```
#59410a rgb(89,65,10)
```
#6b4e0b
```
#6b4e0b rgb(107,78,11)
```
#7d5a0d
```
#7d5a0d rgb(125,90,13)
```
#8f670f
```
#8f670f rgb(143,103,15)
```
#a07411
```
#a07411 rgb(160,116,17)
```
#b28113
```
#b28113 rgb(178,129,19)
```
#c48e15
```
#c48e15 rgb(196,142,21)
```
#d69b17
```
#d69b17 rgb(214,155,23)
```

Shade Color Variation

#e7a719
```
#e7a719 rgb(231,167,25)
```
#e8ae2b
```
#e8ae2b rgb(232,174,43)
```
#eab53d
```
#eab53d rgb(234,181,61)
```
#ecbb4f
```
#ecbb4f rgb(236,187,79)
```
#eec260
```
#eec260 rgb(238,194,96)
```
#f0c972
```
#f0c972 rgb(240,201,114)
```
#f2d084
```
#f2d084 rgb(242,208,132)
```
#f4d795
```
#f4d795 rgb(244,215,149)
```
#f6dda7
```
#f6dda7 rgb(246,221,167)
```
#f8e4b9
```
#f8e4b9 rgb(248,228,185)
```
#f9ebcb
```
#f9ebcb rgb(249,235,203)
```
#fbf2dc
```
#fbf2dc rgb(251,242,220)
```
#fdf9ee
```
#fdf9ee rgb(253,249,238)
```

Tint Color Variation

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

#b4b2ae
```
#b4b2ae rgb(180,178,174)
```
#bab4a8
```
#bab4a8 rgb(186,180,168)
```
#c0b7a2
```
#c0b7a2 rgb(192,183,162)
```
#c6b99c
```
#c6b99c rgb(198,185,156)
```
#ccbb96
```
#ccbb96 rgb(204,187,150)
```
#d2be90
```
#d2be90 rgb(210,190,144)
```
#d8c08a
```
#d8c08a rgb(216,192,138)
```
#dec284
```
#dec284 rgb(222,194,132)
```
#e4c47e
```
#e4c47e rgb(228,196,126)
```
#eac778
```
#eac778 rgb(234,199,120)
```
#f0c972
```
#f0c972 rgb(240,201,114)
```
#f6cb6c
```
#f6cb6c rgb(246,203,108)
```
#fcce66
```
#fcce66 rgb(252,206,102)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d2cbb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d07a Protanopia 1% of men
#fbc77a Deuteranopia 1% of men
#f9c1cf Tritanopia 0.001% of the population

Trichromacy

#e8cd77 Protanomaly 1% of men, 0.01% of women
#f7c777 Deuteranomaly 6% of men, 0.4% of women
#f6c4ad Tritanomaly 0.01% of the population

#f0c972 hex color

#f0c972 Color Information

#f0c972 Color Conversion

Color Schemes with #f0c972

Alternatives to #f0c972

#f0c972 Preview

Shades and Tints of #f0c972

Tones of #f0c972

Color Blindness Simulator