#fcc162 hex color

In a RGB color space, hex #fcc162 is composed of 98.8% red, 75.7% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.4% magenta, 61.1% yellow and 1.2% black. It has a hue angle of 37 degrees, a saturation of 96.3% and a lightness of 68.6%. #fcc162 color hex could be obtained by blending #ffffc4 with #f98300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 76
- B 38
RGB color chart
- C 0
- M 23
- Y 61
- K 1
CMYK color chart

● #fcc162 color description : Soft orange.

The hexadecimal color #fcc162 has RGB values of R:252, G:193, B:98 and CMYK values of C:0, M:0.23, Y:0.61, K:0.01. Its decimal value is 16564578.

Hex triplet	fcc162	`#fcc162`
RGB Decimal	252, 193, 98	`rgb(252,193,98)`
RGB Percent	98.8, 75.7, 38.4	`rgb(98.8%,75.7%,38.4%)`
CMYK	0, 23, 61, 1
HSL	37°, 96.3, 68.6	`hsl(37,96.3%,68.6%)`
HSV (or HSB)	37°, 61.1, 98.8
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.686, 11.216, 55.026
XYZ	61.42, 59.72, 19.847
xyY	0.436, 0.424, 59.72
CIE-LCH	81.686, 56.157, 78.479
CIE-LUV	81.686, 46.502, 64.017
Hunter-Lab	77.279, 6.631, 38.868
Binary	11111100, 11000001, 01100010

#fcc162
```
#fcc162 rgb(252,193,98)
```
#629dfc
```
#629dfc rgb(98,157,252)
```

Complementary Color

#fc7462
```
#fc7462 rgb(252,116,98)
```
#fcc162
```
#fcc162 rgb(252,193,98)
```
#eafc62
```
#eafc62 rgb(234,252,98)
```

Analogous Color

#7462fc
```
#7462fc rgb(116,98,252)
```
#fcc162
```
#fcc162 rgb(252,193,98)
```
#62eafc
```
#62eafc rgb(98,234,252)
```

Split Complementary Color

#c162fc
```
#c162fc rgb(193,98,252)
```
#fcc162
```
#fcc162 rgb(252,193,98)
```
#62fcc1
```
#62fcc1 rgb(98,252,193)
```

Triadic Color

#fc629d
```
#fc629d rgb(252,98,157)
```
#fcc162
```
#fcc162 rgb(252,193,98)
```
#62fcc1
```
#62fcc1 rgb(98,252,193)
```
#629dfc
```
#629dfc rgb(98,157,252)
```

Tetradic Color

#fba317
```
#fba317 rgb(251,163,23)
```
#fbad30
```
#fbad30 rgb(251,173,48)
```
#fcb749
```
#fcb749 rgb(252,183,73)
```
#fcc162
```
#fcc162 rgb(252,193,98)
```
#fccb7b
```
#fccb7b rgb(252,203,123)
```
#fdd594
```
#fdd594 rgb(253,213,148)
```
#fddfad
```
#fddfad rgb(253,223,173)
```

Monochromatic Color

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

#fc9b62
```
#fc9b62 rgb(252,155,98)
```
#fca762
```
#fca762 rgb(252,167,98)
```
#fcb462
```
#fcb462 rgb(252,180,98)
```
#fcc162
```
#fcc162 rgb(252,193,98)
```
#fcce62
```
#fcce62 rgb(252,206,98)
```
#fcdb62
```
#fcdb62 rgb(252,219,98)
```
#fce862
```
#fce862 rgb(252,232,98)
```

Similar Colors

Text with hexadecimal color #fcc162

This text has a font color of #fcc162.

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

#fcc162 background color

This paragraph has a background color of #fcc162.

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

#fcc162 border color

This element has a border color of #fcc162.

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

CSS codes

.text {color:#fcc162;}

.background {background-color:#fcc162;}

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

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

#100a00
```
#100a00 rgb(16,10,0)
```
#231601
```
#231601 rgb(35,22,1)
```
#372201
```
#372201 rgb(55,34,1)
```
#4a2e01
```
#4a2e01 rgb(74,46,1)
```
#5d3a02
```
#5d3a02 rgb(93,58,2)
```
#704602
```
#704602 rgb(112,70,2)
```
#845203
```
#845203 rgb(132,82,3)
```
#975e03
```
#975e03 rgb(151,94,3)
```
#aa6a03
```
#aa6a03 rgb(170,106,3)
```
#bd7604
```
#bd7604 rgb(189,118,4)
```
#d18204
```
#d18204 rgb(209,130,4)
```
#e48e04
```
#e48e04 rgb(228,142,4)
```
#f79a05
```
#f79a05 rgb(247,154,5)
```

Shade Color Variation

#fba315
```
#fba315 rgb(251,163,21)
```
#fbaa28
```
#fbaa28 rgb(251,170,40)
```
#fbb23c
```
#fbb23c rgb(251,178,60)
```
#fcb94f
```
#fcb94f rgb(252,185,79)
```
#fcc162
```
#fcc162 rgb(252,193,98)
```
#fcc975
```
#fcc975 rgb(252,201,117)
```
#fdd088
```
#fdd088 rgb(253,208,136)
```
#fdd89c
```
#fdd89c rgb(253,216,156)
```
#fddfaf
```
#fddfaf rgb(253,223,175)
```
#fee7c2
```
#fee7c2 rgb(254,231,194)
```
#feefd5
```
#feefd5 rgb(254,239,213)
```
#fff6e9
```
#fff6e9 rgb(255,246,233)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#b2b0ac
```
#b2b0ac rgb(178,176,172)
```
#b8b1a6
```
#b8b1a6 rgb(184,177,166)
```
#beb3a0
```
#beb3a0 rgb(190,179,160)
```
#c5b499
```
#c5b499 rgb(197,180,153)
```
#cbb593
```
#cbb593 rgb(203,181,147)
```
#d1b78d
```
#d1b78d rgb(209,183,141)
```
#d7b887
```
#d7b887 rgb(215,184,135)
```
#ddba81
```
#ddba81 rgb(221,186,129)
```
#e3bb7b
```
#e3bb7b rgb(227,187,123)
```
#eabd74
```
#eabd74 rgb(234,189,116)
```
#f0be6e
```
#f0be6e rgb(240,190,110)
```
#f6c068
```
#f6c068 rgb(246,192,104)
```
#fcc162
```
#fcc162 rgb(252,193,98)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d2c7b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd6d Protanopia 1% of men
#fbc46a Deuteranopia 1% of men
#ffbcc7 Tritanopia 0.001% of the population

Trichromacy

#ebc969 Protanomaly 1% of men, 0.01% of women
#fbc367 Deuteranomaly 6% of men, 0.4% of women
#fdbda2 Tritanomaly 0.01% of the population

#fcc162 hex color

#fcc162 Color Information

#fcc162 Color Conversion

Color Schemes with #fcc162

Alternatives to #fcc162

#fcc162 Preview

Shades and Tints of #fcc162

Tones of #fcc162

Color Blindness Simulator