#ffcd4f hex color

In a RGB color space, hex #ffcd4f is composed of 100% red, 80.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 69% yellow and 0% black. It has a hue angle of 43 degrees, a saturation of 100% and a lightness of 65.5%. #ffcd4f color hex could be obtained by blending #ffff9e with #ff9b00. Closest websafe color is: #ffcc66.

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

● #ffcd4f color description : Light orange.

The hexadecimal color #ffcd4f has RGB values of R:255, G:205, B:79 and CMYK values of C:0, M:0.2, Y:0.69, K:0. Its decimal value is 16764239.

Hex triplet	ffcd4f	`#ffcd4f`
RGB Decimal	255, 205, 79	`rgb(255,205,79)`
RGB Percent	100, 80.4, 31	`rgb(100%,80.4%,31%)`
CMYK	0, 20, 69, 0
HSL	43°, 100, 65.5	`hsl(43,100%,65.5%)`
HSV (or HSB)	43°, 69, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.736, 5.141, 66.751
XYZ	64.483, 65.49, 16.641
xyY	0.44, 0.447, 65.49
CIE-LCH	84.736, 66.948, 85.596
CIE-LUV	84.736, 41.131, 76.091
Hunter-Lab	80.926, 0.612, 44.456
Binary	11111111, 11001101, 01001111

#ffcd4f
```
#ffcd4f rgb(255,205,79)
```
#4f81ff
```
#4f81ff rgb(79,129,255)
```

Complementary Color

#ff754f
```
#ff754f rgb(255,117,79)
```
#ffcd4f
```
#ffcd4f rgb(255,205,79)
```
#d9ff4f
```
#d9ff4f rgb(217,255,79)
```

Analogous Color

#754fff
```
#754fff rgb(117,79,255)
```
#ffcd4f
```
#ffcd4f rgb(255,205,79)
```
#4fd9ff
```
#4fd9ff rgb(79,217,255)
```

Split Complementary Color

#cd4fff
```
#cd4fff rgb(205,79,255)
```
#ffcd4f
```
#ffcd4f rgb(255,205,79)
```
#4fffcd
```
#4fffcd rgb(79,255,205)
```

Triadic Color

#ff4f81
```
#ff4f81 rgb(255,79,129)
```
#ffcd4f
```
#ffcd4f rgb(255,205,79)
```
#4fffcd
```
#4fffcd rgb(79,255,205)
```
#4f81ff
```
#4f81ff rgb(79,129,255)
```

Tetradic Color

#ffb702
```
#ffb702 rgb(255,183,2)
```
#ffbf1c
```
#ffbf1c rgb(255,191,28)
```
#ffc636
```
#ffc636 rgb(255,198,54)
```
#ffcd4f
```
#ffcd4f rgb(255,205,79)
```
#ffd469
```
#ffd469 rgb(255,212,105)
```
#ffdb82
```
#ffdb82 rgb(255,219,130)
```
#ffe39c
```
#ffe39c rgb(255,227,156)
```

Monochromatic Color

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

#ffa14f
```
#ffa14f rgb(255,161,79)
```
#ffb04f
```
#ffb04f rgb(255,176,79)
```
#ffbe4f
```
#ffbe4f rgb(255,190,79)
```
#ffcd4f
```
#ffcd4f rgb(255,205,79)
```
#ffdc4f
```
#ffdc4f rgb(255,220,79)
```
#ffea4f
```
#ffea4f rgb(255,234,79)
```
#fff94f
```
#fff94f rgb(255,249,79)
```

Similar Colors

Text with hexadecimal color #ffcd4f

This text has a font color of #ffcd4f.

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

#ffcd4f background color

This paragraph has a background color of #ffcd4f.

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

#ffcd4f border color

This element has a border color of #ffcd4f.

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

CSS codes

.text {color:#ffcd4f;}

.background {background-color:#ffcd4f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140e00
```
#140e00 rgb(20,14,0)
```
#281c00
```
#281c00 rgb(40,28,0)
```
#3b2b00
```
#3b2b00 rgb(59,43,0)
```
#4f3900
```
#4f3900 rgb(79,57,0)
```
#634700
```
#634700 rgb(99,71,0)
```
#765500
```
#765500 rgb(118,85,0)
```
#8a6300
```
#8a6300 rgb(138,99,0)
```
#9d7100
```
#9d7100 rgb(157,113,0)
```
#b17f00
```
#b17f00 rgb(177,127,0)
```
#c58d00
```
#c58d00 rgb(197,141,0)
```
#d89b00
```
#d89b00 rgb(216,155,0)
```
#eca900
```
#eca900 rgb(236,169,0)
```

Shade Color Variation

#ffb701
```
#ffb701 rgb(255,183,1)
```
#ffbc14
```
#ffbc14 rgb(255,188,20)
```
#ffc228
```
#ffc228 rgb(255,194,40)
```
#ffc73b
```
#ffc73b rgb(255,199,59)
```
#ffcd4f
```
#ffcd4f rgb(255,205,79)
```
#ffd363
```
#ffd363 rgb(255,211,99)
```
#ffd876
```
#ffd876 rgb(255,216,118)
```
#ffde8a
```
#ffde8a rgb(255,222,138)
```
#ffe39d
```
#ffe39d rgb(255,227,157)
```
#ffe9b1
```
#ffe9b1 rgb(255,233,177)
```
#ffeec5
```
#ffeec5 rgb(255,238,197)
```
#fff4d8
```
#fff4d8 rgb(255,244,216)
```
#fffaec
```
#fffaec rgb(255,250,236)
```

Tint Color Variation

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

#aeaaa0
```
#aeaaa0 rgb(174,170,160)
```
#b5ad99
```
#b5ad99 rgb(181,173,153)
```
#bbb093
```
#bbb093 rgb(187,176,147)
```
#c2b38c
```
#c2b38c rgb(194,179,140)
```
#c9b685
```
#c9b685 rgb(201,182,133)
```
#d0b97e
```
#d0b97e rgb(208,185,126)
```
#d6bb78
```
#d6bb78 rgb(214,187,120)
```
#ddbe71
```
#ddbe71 rgb(221,190,113)
```
#e4c16a
```
#e4c16a rgb(228,193,106)
```
#ebc463
```
#ebc463 rgb(235,196,99)
```
#f1c75d
```
#f1c75d rgb(241,199,93)
```
#f8ca56
```
#f8ca56 rgb(248,202,86)
```
#ffcd4f
```
#ffcd4f rgb(255,205,79)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d8ceb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd659 Protanopia 1% of men
#ffcd80 Deuteranopia 1% of men
#ffc7d1 Tritanopia 0.001% of the population

Trichromacy

#f3d255 Protanomaly 1% of men, 0.01% of women
#ffcd6e Deuteranomaly 6% of men, 0.4% of women
#ffc9a2 Tritanomaly 0.01% of the population

#ffcd4f hex color

#ffcd4f Color Information

#ffcd4f Color Conversion

Color Schemes with #ffcd4f

Alternatives to #ffcd4f

#ffcd4f Preview

Shades and Tints of #ffcd4f

Tones of #ffcd4f

Color Blindness Simulator