#ffcc82 hex color

In a RGB color space, hex #ffcc82 is composed of 100% red, 80% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 49% yellow and 0% black. It has a hue angle of 35.5 degrees, a saturation of 100% and a lightness of 75.5%. #ffcc82 color hex could be obtained by blending #ffffff with #ff9905. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 100
- G 80
- B 51
RGB color chart
- C 0
- M 20
- Y 49
- K 0
CMYK color chart

● #ffcc82 color description : Very light orange.

The hexadecimal color #ffcc82 has RGB values of R:255, G:204, B:130 and CMYK values of C:0, M:0.2, Y:0.49, K:0. Its decimal value is 16764034.

Hex triplet	ffcc82	`#ffcc82`
RGB Decimal	255, 204, 130	`rgb(255,204,130)`
RGB Percent	100, 80, 51	`rgb(100%,80%,51%)`
CMYK	0, 20, 49, 0
HSL	35.5°, 100, 75.5	`hsl(35.5,100%,75.5%)`
HSV (or HSB)	35.5°, 49, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	85.027, 9.222, 43.543
XYZ	66.862, 66.06, 30.347
xyY	0.41, 0.405, 66.06
CIE-LCH	85.027, 44.509, 78.042
CIE-LUV	85.027, 38.651, 54.376
Hunter-Lab	81.277, 4.607, 34.757
Binary	11111111, 11001100, 10000010

#ffcc82
```
#ffcc82 rgb(255,204,130)
```
#82b5ff
```
#82b5ff rgb(130,181,255)
```

Complementary Color

#ff8e82
```
#ff8e82 rgb(255,142,130)
```
#ffcc82
```
#ffcc82 rgb(255,204,130)
```
#f4ff82
```
#f4ff82 rgb(244,255,130)
```

Analogous Color

#8e82ff
```
#8e82ff rgb(142,130,255)
```
#ffcc82
```
#ffcc82 rgb(255,204,130)
```
#82f4ff
```
#82f4ff rgb(130,244,255)
```

Split Complementary Color

#cc82ff
```
#cc82ff rgb(204,130,255)
```
#ffcc82
```
#ffcc82 rgb(255,204,130)
```
#82ffcc
```
#82ffcc rgb(130,255,204)
```

Triadic Color

#ff82b5
```
#ff82b5 rgb(255,130,181)
```
#ffcc82
```
#ffcc82 rgb(255,204,130)
```
#82ffcc
```
#82ffcc rgb(130,255,204)
```
#82b5ff
```
#82b5ff rgb(130,181,255)
```

Tetradic Color

#ffad36
```
#ffad36 rgb(255,173,54)
```
#ffb74f
```
#ffb74f rgb(255,183,79)
```
#ffc269
```
#ffc269 rgb(255,194,105)
```
#ffcc82
```
#ffcc82 rgb(255,204,130)
```
#ffd69c
```
#ffd69c rgb(255,214,156)
```
#ffe1b5
```
#ffe1b5 rgb(255,225,181)
```
#ffebcf
```
#ffebcf rgb(255,235,207)
```

Monochromatic Color

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

#ffad82
```
#ffad82 rgb(255,173,130)
```
#ffb782
```
#ffb782 rgb(255,183,130)
```
#ffc282
```
#ffc282 rgb(255,194,130)
```
#ffcc82
```
#ffcc82 rgb(255,204,130)
```
#ffd682
```
#ffd682 rgb(255,214,130)
```
#ffe182
```
#ffe182 rgb(255,225,130)
```
#ffeb82
```
#ffeb82 rgb(255,235,130)
```

Similar Colors

Text with hexadecimal color #ffcc82

This text has a font color of #ffcc82.

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

#ffcc82 background color

This paragraph has a background color of #ffcc82.

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

#ffcc82 border color

This element has a border color of #ffcc82.

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

CSS codes

.text {color:#ffcc82;}

.background {background-color:#ffcc82;}

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

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, #0c0700 is the darkest color, while #fffcf8 is the lightest one.

#0c0700
```
#0c0700 rgb(12,7,0)
```
#201300
```
#201300 rgb(32,19,0)
```
#341f00
```
#341f00 rgb(52,31,0)
```
#472a00
```
#472a00 rgb(71,42,0)
```
#5b3600
```
#5b3600 rgb(91,54,0)
```
#6e4100
```
#6e4100 rgb(110,65,0)
```
#824d00
```
#824d00 rgb(130,77,0)
```
#965900
```
#965900 rgb(150,89,0)
```
#a96400
```
#a96400 rgb(169,100,0)
```
#bd7000
```
#bd7000 rgb(189,112,0)
```
#d07b00
```
#d07b00 rgb(208,123,0)
```
#e48700
```
#e48700 rgb(228,135,0)
```
#f89300
```
#f89300 rgb(248,147,0)
```

Shade Color Variation

#ff9c0c
```
#ff9c0c rgb(255,156,12)
```
#ffa420
```
#ffa420 rgb(255,164,32)
```
#ffac34
```
#ffac34 rgb(255,172,52)
```
#ffb447
```
#ffb447 rgb(255,180,71)
```
#ffbc5b
```
#ffbc5b rgb(255,188,91)
```
#ffc46e
```
#ffc46e rgb(255,196,110)
```
#ffcc82
```
#ffcc82 rgb(255,204,130)
```
#ffd496
```
#ffd496 rgb(255,212,150)
```
#ffdca9
```
#ffdca9 rgb(255,220,169)
```
#ffe4bd
```
#ffe4bd rgb(255,228,189)
```
#ffecd0
```
#ffecd0 rgb(255,236,208)
```
#fff4e4
```
#fff4e4 rgb(255,244,228)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#c5c1bc
```
#c5c1bc rgb(197,193,188)
```
#cac2b7
```
#cac2b7 rgb(202,194,183)
```
#cfc3b2
```
#cfc3b2 rgb(207,195,178)
```
#d4c4ad
```
#d4c4ad rgb(212,196,173)
```
#d9c5a8
```
#d9c5a8 rgb(217,197,168)
```
#ddc6a4
```
#ddc6a4 rgb(221,198,164)
```
#e2c79f
```
#e2c79f rgb(226,199,159)
```
#e7c89a
```
#e7c89a rgb(231,200,154)
```
#ecc895
```
#ecc895 rgb(236,200,149)
```
#f1c990
```
#f1c990 rgb(241,201,144)
```
#f5ca8c
```
#f5ca8c rgb(245,202,140)
```
#facb87
```
#facb87 rgb(250,203,135)
```
#ffcc82
```
#ffcc82 rgb(255,204,130)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dcd2c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d68b Protanopia 1% of men
#ffce90 Deuteranopia 1% of men
#ffc8d3 Tritanopia 0.001% of the population

Trichromacy

#f1d287 Protanomaly 1% of men, 0.01% of women
#ffcd8b Deuteranomaly 6% of men, 0.4% of women
#ffc9b5 Tritanomaly 0.01% of the population

#ffcc82 hex color

#ffcc82 Color Information

#ffcc82 Color Conversion

Color Schemes with #ffcc82

Alternatives to #ffcc82

#ffcc82 Preview

Shades and Tints of #ffcc82

Tones of #ffcc82

Color Blindness Simulator