#ffcd76 hex color

In a RGB color space, hex #ffcd76 is composed of 100% red, 80.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 53.7% yellow and 0% black. It has a hue angle of 38.1 degrees, a saturation of 100% and a lightness of 73.1%. #ffcd76 color hex could be obtained by blending #ffffec with #ff9b00. Closest websafe color is: #ffcc66.

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

● #ffcd76 color description : Very light orange.

The hexadecimal color #ffcd76 has RGB values of R:255, G:205, B:118 and CMYK values of C:0, M:0.2, Y:0.54, K:0. Its decimal value is 16764278.

Hex triplet	ffcd76	`#ffcd76`
RGB Decimal	255, 205, 118	`rgb(255,205,118)`
RGB Percent	100, 80.4, 46.3	`rgb(100%,80.4%,46.3%)`
CMYK	0, 20, 54, 0
HSL	38.1°, 100, 73.1	`hsl(38.1,100%,73.1%)`
HSV (or HSB)	38.1°, 53.7, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.115, 7.685, 49.579
XYZ	66.342, 66.233, 26.429
xyY	0.417, 0.417, 66.233
CIE-LCH	85.115, 50.171, 81.189
CIE-LUV	85.115, 38.856, 60.812
Hunter-Lab	81.384, 3.086, 37.715
Binary	11111111, 11001101, 01110110

#ffcd76
```
#ffcd76 rgb(255,205,118)
```
#76a8ff
```
#76a8ff rgb(118,168,255)
```

Complementary Color

#ff8976
```
#ff8976 rgb(255,137,118)
```
#ffcd76
```
#ffcd76 rgb(255,205,118)
```
#edff76
```
#edff76 rgb(237,255,118)
```

Analogous Color

#8976ff
```
#8976ff rgb(137,118,255)
```
#ffcd76
```
#ffcd76 rgb(255,205,118)
```
#76edff
```
#76edff rgb(118,237,255)
```

Split Complementary Color

#cd76ff
```
#cd76ff rgb(205,118,255)
```
#ffcd76
```
#ffcd76 rgb(255,205,118)
```
#76ffcd
```
#76ffcd rgb(118,255,205)
```

Triadic Color

#ff76a8
```
#ff76a8 rgb(255,118,168)
```
#ffcd76
```
#ffcd76 rgb(255,205,118)
```
#76ffcd
```
#76ffcd rgb(118,255,205)
```
#76a8ff
```
#76a8ff rgb(118,168,255)
```

Tetradic Color

#ffb12a
```
#ffb12a rgb(255,177,42)
```
#ffba43
```
#ffba43 rgb(255,186,67)
```
#ffc45d
```
#ffc45d rgb(255,196,93)
```
#ffcd76
```
#ffcd76 rgb(255,205,118)
```
#ffd690
```
#ffd690 rgb(255,214,144)
```
#ffe0a9
```
#ffe0a9 rgb(255,224,169)
```
#ffe9c3
```
#ffe9c3 rgb(255,233,195)
```

Monochromatic Color

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

#ffab76
```
#ffab76 rgb(255,171,118)
```
#ffb676
```
#ffb676 rgb(255,182,118)
```
#ffc276
```
#ffc276 rgb(255,194,118)
```
#ffcd76
```
#ffcd76 rgb(255,205,118)
```
#ffd876
```
#ffd876 rgb(255,216,118)
```
#ffe476
```
#ffe476 rgb(255,228,118)
```
#ffef76
```
#ffef76 rgb(255,239,118)
```

Similar Colors

Text with hexadecimal color #ffcd76

This text has a font color of #ffcd76.

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

#ffcd76 background color

This paragraph has a background color of #ffcd76.

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

#ffcd76 border color

This element has a border color of #ffcd76.

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

CSS codes

.text {color:#ffcd76;}

.background {background-color:#ffcd76;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140d00
```
#140d00 rgb(20,13,0)
```
#281900
```
#281900 rgb(40,25,0)
```
#3b2600
```
#3b2600 rgb(59,38,0)
```
#4f3200
```
#4f3200 rgb(79,50,0)
```
#623e00
```
#623e00 rgb(98,62,0)
```
#764b00
```
#764b00 rgb(118,75,0)
```
#8a5700
```
#8a5700 rgb(138,87,0)
```
#9d6400
```
#9d6400 rgb(157,100,0)
```
#b17000
```
#b17000 rgb(177,112,0)
```
#c47d00
```
#c47d00 rgb(196,125,0)
```
#d88900
```
#d88900 rgb(216,137,0)
```
#ec9600
```
#ec9600 rgb(236,150,0)
```

Shade Color Variation

#ffa200
```
#ffa200 rgb(255,162,0)
```
#ffa914
```
#ffa914 rgb(255,169,20)
```
#ffb028
```
#ffb028 rgb(255,176,40)
```
#ffb83b
```
#ffb83b rgb(255,184,59)
```
#ffbf4f
```
#ffbf4f rgb(255,191,79)
```
#ffc662
```
#ffc662 rgb(255,198,98)
```
#ffcd76
```
#ffcd76 rgb(255,205,118)
```
#ffd48a
```
#ffd48a rgb(255,212,138)
```
#ffdb9d
```
#ffdb9d rgb(255,219,157)
```
#ffe2b1
```
#ffe2b1 rgb(255,226,177)
```
#ffeac4
```
#ffeac4 rgb(255,234,196)
```
#fff1d8
```
#fff1d8 rgb(255,241,216)
```
#fff8ec
```
#fff8ec rgb(255,248,236)
```

Tint Color Variation

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

#c0bcb5
```
#c0bcb5 rgb(192,188,181)
```
#c5bdb0
```
#c5bdb0 rgb(197,189,176)
```
#cabfab
```
#cabfab rgb(202,191,171)
```
#d0c0a5
```
#d0c0a5 rgb(208,192,165)
```
#d5c2a0
```
#d5c2a0 rgb(213,194,160)
```
#dac39b
```
#dac39b rgb(218,195,155)
```
#dfc496
```
#dfc496 rgb(223,196,150)
```
#e5c690
```
#e5c690 rgb(229,198,144)
```
#eac78b
```
#eac78b rgb(234,199,139)
```
#efc986
```
#efc986 rgb(239,201,134)
```
#f4ca81
```
#f4ca81 rgb(244,202,129)
```
#facc7b
```
#facc7b rgb(250,204,123)
```
#ffcd76
```
#ffcd76 rgb(255,205,118)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#dbd1c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead67f Protanopia 1% of men
#ffce8d Deuteranopia 1% of men
#ffc8d3 Tritanopia 0.001% of the population

Trichromacy

#f2d37c Protanomaly 1% of men, 0.01% of women
#ffce84 Deuteranomaly 6% of men, 0.4% of women
#ffcab1 Tritanomaly 0.01% of the population

#ffcd76 hex color

#ffcd76 Color Information

#ffcd76 Color Conversion

Color Schemes with #ffcd76

Alternatives to #ffcd76

#ffcd76 Preview

Shades and Tints of #ffcd76

Tones of #ffcd76

Color Blindness Simulator