#ffcc70 hex color

In a RGB color space, hex #ffcc70 is composed of 100% red, 80% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 56.1% yellow and 0% black. It has a hue angle of 38.6 degrees, a saturation of 100% and a lightness of 72%. #ffcc70 color hex could be obtained by blending #ffffe0 with #ff9900. Closest websafe color is: #ffcc66.

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

● #ffcc70 color description : Very light orange.

The hexadecimal color #ffcc70 has RGB values of R:255, G:204, B:112 and CMYK values of C:0, M:0.2, Y:0.56, K:0. Its decimal value is 16764016.

Hex triplet	ffcc70	`#ffcc70`
RGB Decimal	255, 204, 112	`rgb(255,204,112)`
RGB Percent	100, 80, 43.9	`rgb(100%,80%,43.9%)`
CMYK	0, 20, 56, 0
HSL	38.6°, 100, 72	`hsl(38.6,100%,72%)`
HSV (or HSB)	38.6°, 56.1, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.801, 7.733, 52.099
XYZ	65.758, 65.618, 24.53
xyY	0.422, 0.421, 65.618
CIE-LCH	84.801, 52.67, 81.557
CIE-LUV	84.801, 39.965, 63.117
Hunter-Lab	81.005, 3.143, 38.749
Binary	11111111, 11001100, 01110000

#ffcc70
```
#ffcc70 rgb(255,204,112)
```
#70a3ff
```
#70a3ff rgb(112,163,255)
```

Complementary Color

#ff8570
```
#ff8570 rgb(255,133,112)
```
#ffcc70
```
#ffcc70 rgb(255,204,112)
```
#ebff70
```
#ebff70 rgb(235,255,112)
```

Analogous Color

#8570ff
```
#8570ff rgb(133,112,255)
```
#ffcc70
```
#ffcc70 rgb(255,204,112)
```
#70ebff
```
#70ebff rgb(112,235,255)
```

Split Complementary Color

#cc70ff
```
#cc70ff rgb(204,112,255)
```
#ffcc70
```
#ffcc70 rgb(255,204,112)
```
#70ffcc
```
#70ffcc rgb(112,255,204)
```

Triadic Color

#ff70a3
```
#ff70a3 rgb(255,112,163)
```
#ffcc70
```
#ffcc70 rgb(255,204,112)
```
#70ffcc
```
#70ffcc rgb(112,255,204)
```
#70a3ff
```
#70a3ff rgb(112,163,255)
```

Tetradic Color

#ffb124
```
#ffb124 rgb(255,177,36)
```
#ffba3d
```
#ffba3d rgb(255,186,61)
```
#ffc357
```
#ffc357 rgb(255,195,87)
```
#ffcc70
```
#ffcc70 rgb(255,204,112)
```
#ffd58a
```
#ffd58a rgb(255,213,138)
```
#ffdea3
```
#ffdea3 rgb(255,222,163)
```
#ffe7bd
```
#ffe7bd rgb(255,231,189)
```

Monochromatic Color

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

#ffa870
```
#ffa870 rgb(255,168,112)
```
#ffb470
```
#ffb470 rgb(255,180,112)
```
#ffc070
```
#ffc070 rgb(255,192,112)
```
#ffcc70
```
#ffcc70 rgb(255,204,112)
```
#ffd870
```
#ffd870 rgb(255,216,112)
```
#ffe470
```
#ffe470 rgb(255,228,112)
```
#fff070
```
#fff070 rgb(255,240,112)
```

Similar Colors

Text with hexadecimal color #ffcc70

This text has a font color of #ffcc70.

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

#ffcc70 background color

This paragraph has a background color of #ffcc70.

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

#ffcc70 border color

This element has a border color of #ffcc70.

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

CSS codes

.text {color:#ffcc70;}

.background {background-color:#ffcc70;}

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

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

#0e0900
```
#0e0900 rgb(14,9,0)
```
#221600
```
#221600 rgb(34,22,0)
```
#352200
```
#352200 rgb(53,34,0)
```
#492f00
```
#492f00 rgb(73,47,0)
```
#5c3b00
```
#5c3b00 rgb(92,59,0)
```
#704800
```
#704800 rgb(112,72,0)
```
#845500
```
#845500 rgb(132,85,0)
```
#976100
```
#976100 rgb(151,97,0)
```
#ab6e00
```
#ab6e00 rgb(171,110,0)
```
#be7b00
```
#be7b00 rgb(190,123,0)
```
#d28700
```
#d28700 rgb(210,135,0)
```
#e69400
```
#e69400 rgb(230,148,0)
```
#f9a000
```
#f9a000 rgb(249,160,0)
```

Shade Color Variation

#ffa90e
```
#ffa90e rgb(255,169,14)
```
#ffb022
```
#ffb022 rgb(255,176,34)
```
#ffb735
```
#ffb735 rgb(255,183,53)
```
#ffbe49
```
#ffbe49 rgb(255,190,73)
```
#ffc55c
```
#ffc55c rgb(255,197,92)
```
#ffcc70
```
#ffcc70 rgb(255,204,112)
```
#ffd384
```
#ffd384 rgb(255,211,132)
```
#ffda97
```
#ffda97 rgb(255,218,151)
```
#ffe1ab
```
#ffe1ab rgb(255,225,171)
```
#ffe8be
```
#ffe8be rgb(255,232,190)
```
#ffefd2
```
#ffefd2 rgb(255,239,210)
```
#fff6e6
```
#fff6e6 rgb(255,246,230)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#bdb9b2
```
#bdb9b2 rgb(189,185,178)
```
#c3bbad
```
#c3bbad rgb(195,187,173)
```
#c8bca7
```
#c8bca7 rgb(200,188,167)
```
#cebea2
```
#cebea2 rgb(206,190,162)
```
#d3bf9c
```
#d3bf9c rgb(211,191,156)
```
#d9c197
```
#d9c197 rgb(217,193,151)
```
#dec391
```
#dec391 rgb(222,195,145)
```
#e4c48c
```
#e4c48c rgb(228,196,140)
```
#e9c686
```
#e9c686 rgb(233,198,134)
```
#efc781
```
#efc781 rgb(239,199,129)
```
#f4c97b
```
#f4c97b rgb(244,201,123)
```
#faca76
```
#faca76 rgb(250,202,118)
```
#ffcc70
```
#ffcc70 rgb(255,204,112)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#dad0be Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead679 Protanopia 1% of men
#ffcd88 Deuteranopia 1% of men
#ffc7d2 Tritanopia 0.001% of the population

Trichromacy

#f2d276 Protanomaly 1% of men, 0.01% of women
#ffcd7f Deuteranomaly 6% of men, 0.4% of women
#ffc9ae Tritanomaly 0.01% of the population

#ffcc70 hex color

#ffcc70 Color Information

#ffcc70 Color Conversion

Color Schemes with #ffcc70

Alternatives to #ffcc70

#ffcc70 Preview

Shades and Tints of #ffcc70

Tones of #ffcc70

Color Blindness Simulator