#f0c364 hex color

In a RGB color space, hex #f0c364 is composed of 94.1% red, 76.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 58.3% yellow and 5.9% black. It has a hue angle of 40.7 degrees, a saturation of 82.4% and a lightness of 66.7%. #f0c364 color hex could be obtained by blending #ffffc8 with #e18700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 94
- G 76
- B 39
RGB color chart
- C 0
- M 19
- Y 58
- K 6
CMYK color chart

● #f0c364 color description : Soft orange.

The hexadecimal color #f0c364 has RGB values of R:240, G:195, B:100 and CMYK values of C:0, M:0.19, Y:0.58, K:0.06. Its decimal value is 15778660.

Hex triplet	f0c364	`#f0c364`
RGB Decimal	240, 195, 100	`rgb(240,195,100)`
RGB Percent	94.1, 76.5, 39.2	`rgb(94.1%,76.5%,39.2%)`
CMYK	0, 19, 58, 6
HSL	40.7°, 82.4, 66.7	`hsl(40.7,82.4%,66.7%)`
HSV (or HSB)	40.7°, 58.3, 94.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.004, 5.371, 52.99
XYZ	57.751, 58.478, 20.301
xyY	0.423, 0.428, 58.478
CIE-LCH	81.004, 53.262, 84.213
CIE-LUV	81.004, 35.943, 63.364
Hunter-Lab	76.471, 0.98, 37.789
Binary	11110000, 11000011, 01100100

#f0c364
```
#f0c364 rgb(240,195,100)
```
#6491f0
```
#6491f0 rgb(100,145,240)
```

Complementary Color

#f07d64
```
#f07d64 rgb(240,125,100)
```
#f0c364
```
#f0c364 rgb(240,195,100)
```
#d7f064
```
#d7f064 rgb(215,240,100)
```

Analogous Color

#7d64f0
```
#7d64f0 rgb(125,100,240)
```
#f0c364
```
#f0c364 rgb(240,195,100)
```
#64d7f0
```
#64d7f0 rgb(100,215,240)
```

Split Complementary Color

#c364f0
```
#c364f0 rgb(195,100,240)
```
#f0c364
```
#f0c364 rgb(240,195,100)
```
#64f0c3
```
#64f0c3 rgb(100,240,195)
```

Triadic Color

#f06491
```
#f06491 rgb(240,100,145)
```
#f0c364
```
#f0c364 rgb(240,195,100)
```
#64f0c3
```
#64f0c3 rgb(100,240,195)
```
#6491f0
```
#6491f0 rgb(100,145,240)
```

Tetradic Color

#e9a81e
```
#e9a81e rgb(233,168,30)
```
#ecb135
```
#ecb135 rgb(236,177,53)
```
#eeba4d
```
#eeba4d rgb(238,186,77)
```
#f0c364
```
#f0c364 rgb(240,195,100)
```
#f2cc7b
```
#f2cc7b rgb(242,204,123)
```
#f5d593
```
#f5d593 rgb(245,213,147)
```
#f7deaa
```
#f7deaa rgb(247,222,170)
```

Monochromatic Color

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

#f0a064
```
#f0a064 rgb(240,160,100)
```
#f0ac64
```
#f0ac64 rgb(240,172,100)
```
#f0b764
```
#f0b764 rgb(240,183,100)
```
#f0c364
```
#f0c364 rgb(240,195,100)
```
#f0cf64
```
#f0cf64 rgb(240,207,100)
```
#f0da64
```
#f0da64 rgb(240,218,100)
```
#f0e664
```
#f0e664 rgb(240,230,100)
```

Similar Colors

Text with hexadecimal color #f0c364

This text has a font color of #f0c364.

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

#f0c364 background color

This paragraph has a background color of #f0c364.

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

#f0c364 border color

This element has a border color of #f0c364.

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

CSS codes

.text {color:#f0c364;}

.background {background-color:#f0c364;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#181102
```
#181102 rgb(24,17,2)
```
#2a1e04
```
#2a1e04 rgb(42,30,4)
```
#3c2a06
```
#3c2a06 rgb(60,42,6)
```
#4d3707
```
#4d3707 rgb(77,55,7)
```
#5f4409
```
#5f4409 rgb(95,68,9)
```
#71500b
```
#71500b rgb(113,80,11)
```
#835d0d
```
#835d0d rgb(131,93,13)
```
#956a0e
```
#956a0e rgb(149,106,14)
```
#a77610
```
#a77610 rgb(167,118,16)
```
#b98312
```
#b98312 rgb(185,131,18)
```
#cb9014
```
#cb9014 rgb(203,144,20)
```
#dd9d15
```
#dd9d15 rgb(221,157,21)
```

Shade Color Variation

#e9a71c
```
#e9a71c rgb(233,167,28)
```
#ebae2e
```
#ebae2e rgb(235,174,46)
```
#edb540
```
#edb540 rgb(237,181,64)
```
#eebc52
```
#eebc52 rgb(238,188,82)
```
#f0c364
```
#f0c364 rgb(240,195,100)
```
#f2ca76
```
#f2ca76 rgb(242,202,118)
```
#f3d188
```
#f3d188 rgb(243,209,136)
```
#f5d89a
```
#f5d89a rgb(245,216,154)
```
#f7dfac
```
#f7dfac rgb(247,223,172)
```
#f9e6bd
```
#f9e6bd rgb(249,230,189)
```
#faedcf
```
#faedcf rgb(250,237,207)
```
#fcf3e1
```
#fcf3e1 rgb(252,243,225)
```
#fefaf3
```
#fefaf3 rgb(254,250,243)
```

Tint Color Variation

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

#afaca5
```
#afaca5 rgb(175,172,165)
```
#b5ae9f
```
#b5ae9f rgb(181,174,159)
```
#bcb098
```
#bcb098 rgb(188,176,152)
```
#c2b392
```
#c2b392 rgb(194,179,146)
```
#c9b58b
```
#c9b58b rgb(201,181,139)
```
#cfb785
```
#cfb785 rgb(207,183,133)
```
#d6ba7e
```
#d6ba7e rgb(214,186,126)
```
#dcbc78
```
#dcbc78 rgb(220,188,120)
```
#e3be71
```
#e3be71 rgb(227,190,113)
```
#e9c16b
```
#e9c16b rgb(233,193,107)
```
#f0c364
```
#f0c364 rgb(240,195,100)
```
#f7c55d
```
#f7c55d rgb(247,197,93)
```
#fdc857
```
#fdc857 rgb(253,200,87)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cec5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cc6d Protanopia 1% of men
#f8c26d Deuteranopia 1% of men
#f9bbc8 Tritanopia 0.001% of the population

Trichromacy

#e5c86a Protanomaly 1% of men, 0.01% of women
#f5c269 Deuteranomaly 6% of men, 0.4% of women
#f5bea4 Tritanomaly 0.01% of the population

#f0c364 hex color

#f0c364 Color Information

#f0c364 Color Conversion

Color Schemes with #f0c364

Alternatives to #f0c364

#f0c364 Preview

Shades and Tints of #f0c364

Tones of #f0c364

Color Blindness Simulator