#f2c364 hex color

In a RGB color space, hex #f2c364 is composed of 94.9% red, 76.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.4% magenta, 58.7% yellow and 5.1% black. It has a hue angle of 40.1 degrees, a saturation of 84.5% and a lightness of 67.1%. #f2c364 color hex could be obtained by blending #ffffc8 with #e58700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 76
- B 39
RGB color chart
- C 0
- M 19
- Y 59
- K 5
CMYK color chart

● #f2c364 color description : Soft orange.

The hexadecimal color #f2c364 has RGB values of R:242, G:195, B:100 and CMYK values of C:0, M:0.19, Y:0.59, K:0.05. Its decimal value is 15909732.

Hex triplet	f2c364	`#f2c364`
RGB Decimal	242, 195, 100	`rgb(242,195,100)`
RGB Percent	94.9, 76.5, 39.2	`rgb(94.9%,76.5%,39.2%)`
CMYK	0, 19, 59, 5
HSL	40.1°, 84.5, 67.1	`hsl(40.1,84.5%,67.1%)`
HSV (or HSB)	40.1°, 58.7, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.198, 6.196, 53.265
XYZ	58.434, 58.83, 20.333
xyY	0.425, 0.428, 58.83
CIE-LCH	81.198, 53.624, 83.365
CIE-LUV	81.198, 37.426, 63.48
Hunter-Lab	76.701, 1.762, 37.973
Binary	11110010, 11000011, 01100100

#f2c364
```
#f2c364 rgb(242,195,100)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```

Complementary Color

#f27c64
```
#f27c64 rgb(242,124,100)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```
#daf264
```
#daf264 rgb(218,242,100)
```

Analogous Color

#7c64f2
```
#7c64f2 rgb(124,100,242)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```
#64daf2
```
#64daf2 rgb(100,218,242)
```

Split Complementary Color

#c364f2
```
#c364f2 rgb(195,100,242)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```
#64f2c3
```
#64f2c3 rgb(100,242,195)
```

Triadic Color

#f26493
```
#f26493 rgb(242,100,147)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```
#64f2c3
```
#64f2c3 rgb(100,242,195)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```

Tetradic Color

#eca81d
```
#eca81d rgb(236,168,29)
```
#eeb135
```
#eeb135 rgb(238,177,53)
```
#f0ba4c
```
#f0ba4c rgb(240,186,76)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```
#f4cc7c
```
#f4cc7c rgb(244,204,124)
```
#f6d593
```
#f6d593 rgb(246,213,147)
```
#f8deab
```
#f8deab rgb(248,222,171)
```

Monochromatic Color

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

#f2a064
```
#f2a064 rgb(242,160,100)
```
#f2ab64
```
#f2ab64 rgb(242,171,100)
```
#f2b764
```
#f2b764 rgb(242,183,100)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```
#f2cf64
```
#f2cf64 rgb(242,207,100)
```
#f2db64
```
#f2db64 rgb(242,219,100)
```
#f2e764
```
#f2e764 rgb(242,231,100)
```

Similar Colors

Text with hexadecimal color #f2c364

This text has a font color of #f2c364.

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

#f2c364 background color

This paragraph has a background color of #f2c364.

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

#f2c364 border color

This element has a border color of #f2c364.

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

CSS codes

.text {color:#f2c364;}

.background {background-color:#f2c364;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#1a1202
```
#1a1202 rgb(26,18,2)
```
#2c1f04
```
#2c1f04 rgb(44,31,4)
```
#3e2b05
```
#3e2b05 rgb(62,43,5)
```
#503807
```
#503807 rgb(80,56,7)
```
#624508
```
#624508 rgb(98,69,8)
```
#74510a
```
#74510a rgb(116,81,10)
```
#875e0b
```
#875e0b rgb(135,94,11)
```
#996a0d
```
#996a0d rgb(153,106,13)
```
#ab770e
```
#ab770e rgb(171,119,14)
```
#bd8410
```
#bd8410 rgb(189,132,16)
```
#cf9011
```
#cf9011 rgb(207,144,17)
```
#e19d13
```
#e19d13 rgb(225,157,19)
```

Shade Color Variation

#eca71c
```
#eca71c rgb(236,167,28)
```
#edae2e
```
#edae2e rgb(237,174,46)
```
#efb540
```
#efb540 rgb(239,181,64)
```
#f0bc52
```
#f0bc52 rgb(240,188,82)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```
#f4ca76
```
#f4ca76 rgb(244,202,118)
```
#f5d188
```
#f5d188 rgb(245,209,136)
```
#f7d89a
```
#f7d89a rgb(247,216,154)
```
#f8dfac
```
#f8dfac rgb(248,223,172)
```
#fae6be
```
#fae6be rgb(250,230,190)
```
#fbedd1
```
#fbedd1 rgb(251,237,209)
```
#fdf4e3
```
#fdf4e3 rgb(253,244,227)
```
#fefbf5
```
#fefbf5 rgb(254,251,245)
```

Tint Color Variation

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

#b1ada5
```
#b1ada5 rgb(177,173,165)
```
#b8af9e
```
#b8af9e rgb(184,175,158)
```
#beb298
```
#beb298 rgb(190,178,152)
```
#c5b491
```
#c5b491 rgb(197,180,145)
```
#cbb68b
```
#cbb68b rgb(203,182,139)
```
#d2b884
```
#d2b884 rgb(210,184,132)
```
#d8ba7e
```
#d8ba7e rgb(216,186,126)
```
#dfbc77
```
#dfbc77 rgb(223,188,119)
```
#e5bf71
```
#e5bf71 rgb(229,191,113)
```
#ecc16a
```
#ecc16a rgb(236,193,106)
```
#f2c364
```
#f2c364 rgb(242,195,100)
```
#f8c55e
```
#f8c55e rgb(248,197,94)
```
#ffc757
```
#ffc757 rgb(255,199,87)
```

Tone Color Variation

Below, you can see how #f2c364 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
#cfc5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cc6e Protanopia 1% of men
#f9c36c Deuteranopia 1% of men
#fbbbc8 Tritanopia 0.001% of the population

Trichromacy

#e7c96a Protanomaly 1% of men, 0.01% of women
#f6c369 Deuteranomaly 6% of men, 0.4% of women
#f7bea4 Tritanomaly 0.01% of the population

#f2c364 hex color

#f2c364 Color Information

#f2c364 Color Conversion

Color Schemes with #f2c364

Alternatives to #f2c364

#f2c364 Preview

Shades and Tints of #f2c364

Tones of #f2c364

Color Blindness Simulator