#ffcc6c hex color

In a RGB color space, hex #ffcc6c is composed of 100% red, 80% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 57.6% yellow and 0% black. It has a hue angle of 39.2 degrees, a saturation of 100% and a lightness of 71.2%. #ffcc6c color hex could be obtained by blending #ffffd8 with #ff9900. Closest websafe color is: #ffcc66.

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

● #ffcc6c color description : Very light orange.

The hexadecimal color #ffcc6c has RGB values of R:255, G:204, B:108 and CMYK values of C:0, M:0.2, Y:0.58, K:0. Its decimal value is 16764012.

Hex triplet	ffcc6c	`#ffcc6c`
RGB Decimal	255, 204, 108	`rgb(255,204,108)`
RGB Percent	100, 80, 42.4	`rgb(100%,80%,42.4%)`
CMYK	0, 20, 58, 0
HSL	39.2°, 100, 71.2	`hsl(39.2,100%,71.2%)`
HSV (or HSB)	39.2°, 57.6, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.757, 7.437, 53.949
XYZ	65.54, 65.531, 23.383
xyY	0.424, 0.424, 65.531
CIE-LCH	84.757, 54.46, 82.152
CIE-LUV	84.757, 40.231, 64.882
Hunter-Lab	80.951, 2.853, 39.54
Binary	11111111, 11001100, 01101100

#ffcc6c
```
#ffcc6c rgb(255,204,108)
```
#6c9fff
```
#6c9fff rgb(108,159,255)
```

Complementary Color

#ff836c
```
#ff836c rgb(255,131,108)
```
#ffcc6c
```
#ffcc6c rgb(255,204,108)
```
#e9ff6c
```
#e9ff6c rgb(233,255,108)
```

Analogous Color

#836cff
```
#836cff rgb(131,108,255)
```
#ffcc6c
```
#ffcc6c rgb(255,204,108)
```
#6ce9ff
```
#6ce9ff rgb(108,233,255)
```

Split Complementary Color

#cc6cff
```
#cc6cff rgb(204,108,255)
```
#ffcc6c
```
#ffcc6c rgb(255,204,108)
```
#6cffcc
```
#6cffcc rgb(108,255,204)
```

Triadic Color

#ff6c9f
```
#ff6c9f rgb(255,108,159)
```
#ffcc6c
```
#ffcc6c rgb(255,204,108)
```
#6cffcc
```
#6cffcc rgb(108,255,204)
```
#6c9fff
```
#6c9fff rgb(108,159,255)
```

Tetradic Color

#ffb120
```
#ffb120 rgb(255,177,32)
```
#ffba39
```
#ffba39 rgb(255,186,57)
```
#ffc353
```
#ffc353 rgb(255,195,83)
```
#ffcc6c
```
#ffcc6c rgb(255,204,108)
```
#ffd586
```
#ffd586 rgb(255,213,134)
```
#ffde9f
```
#ffde9f rgb(255,222,159)
```
#ffe7b9
```
#ffe7b9 rgb(255,231,185)
```

Monochromatic Color

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

#ffa76c
```
#ffa76c rgb(255,167,108)
```
#ffb46c
```
#ffb46c rgb(255,180,108)
```
#ffc06c
```
#ffc06c rgb(255,192,108)
```
#ffcc6c
```
#ffcc6c rgb(255,204,108)
```
#ffd86c
```
#ffd86c rgb(255,216,108)
```
#ffe56c
```
#ffe56c rgb(255,229,108)
```
#fff16c
```
#fff16c rgb(255,241,108)
```

Similar Colors

Text with hexadecimal color #ffcc6c

This text has a font color of #ffcc6c.

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

#ffcc6c background color

This paragraph has a background color of #ffcc6c.

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

#ffcc6c border color

This element has a border color of #ffcc6c.

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

CSS codes

.text {color:#ffcc6c;}

.background {background-color:#ffcc6c;}

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

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

#0a0600
```
#0a0600 rgb(10,6,0)
```
#1e1300
```
#1e1300 rgb(30,19,0)
```
#312000
```
#312000 rgb(49,32,0)
```
#452d00
```
#452d00 rgb(69,45,0)
```
#583a00
```
#583a00 rgb(88,58,0)
```
#6c4700
```
#6c4700 rgb(108,71,0)
```
#805300
```
#805300 rgb(128,83,0)
```
#936000
```
#936000 rgb(147,96,0)
```
#a76d00
```
#a76d00 rgb(167,109,0)
```
#ba7a00
```
#ba7a00 rgb(186,122,0)
```
#ce8700
```
#ce8700 rgb(206,135,0)
```
#e29300
```
#e29300 rgb(226,147,0)
```
#f5a000
```
#f5a000 rgb(245,160,0)
```

Shade Color Variation

#ffaa0a
```
#ffaa0a rgb(255,170,10)
```
#ffb11e
```
#ffb11e rgb(255,177,30)
```
#ffb831
```
#ffb831 rgb(255,184,49)
```
#ffbe45
```
#ffbe45 rgb(255,190,69)
```
#ffc558
```
#ffc558 rgb(255,197,88)
```
#ffcc6c
```
#ffcc6c rgb(255,204,108)
```
#ffd380
```
#ffd380 rgb(255,211,128)
```
#ffda93
```
#ffda93 rgb(255,218,147)
```
#ffe0a7
```
#ffe0a7 rgb(255,224,167)
```
#ffe7ba
```
#ffe7ba rgb(255,231,186)
```
#ffeece
```
#ffeece rgb(255,238,206)
```
#fff5e2
```
#fff5e2 rgb(255,245,226)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#bbb7b0
```
#bbb7b0 rgb(187,183,176)
```
#c1b9aa
```
#c1b9aa rgb(193,185,170)
```
#c6bba5
```
#c6bba5 rgb(198,187,165)
```
#ccbc9f
```
#ccbc9f rgb(204,188,159)
```
#d2be99
```
#d2be99 rgb(210,190,153)
```
#d7c094
```
#d7c094 rgb(215,192,148)
```
#ddc28e
```
#ddc28e rgb(221,194,142)
```
#e3c388
```
#e3c388 rgb(227,195,136)
```
#e8c583
```
#e8c583 rgb(232,197,131)
```
#eec77d
```
#eec77d rgb(238,199,125)
```
#f4c977
```
#f4c977 rgb(244,201,119)
```
#f9ca72
```
#f9ca72 rgb(249,202,114)
```
#ffcc6c
```
#ffcc6c rgb(255,204,108)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d9cfbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead576 Protanopia 1% of men
#ffcd86 Deuteranopia 1% of men
#ffc7d2 Tritanopia 0.001% of the population

Trichromacy

#f2d272 Protanomaly 1% of men, 0.01% of women
#ffcd7d Deuteranomaly 6% of men, 0.4% of women
#ffc9ad Tritanomaly 0.01% of the population

#ffcc6c hex color

#ffcc6c Color Information

#ffcc6c Color Conversion

Color Schemes with #ffcc6c

Alternatives to #ffcc6c

#ffcc6c Preview

Shades and Tints of #ffcc6c

Tones of #ffcc6c

Color Blindness Simulator