#ffd564 hex color

In a RGB color space, hex #ffd564 is composed of 100% red, 83.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 60.8% yellow and 0% black. It has a hue angle of 43.7 degrees, a saturation of 100% and a lightness of 69.6%. #ffd564 color hex could be obtained by blending #ffffc8 with #ffab00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 84
- B 39
RGB color chart
- C 0
- M 16
- Y 61
- K 0
CMYK color chart

● #ffd564 color description : Light orange.

The hexadecimal color #ffd564 has RGB values of R:255, G:213, B:100 and CMYK values of C:0, M:0.16, Y:0.61, K:0. Its decimal value is 16766308.

Hex triplet	ffd564	`#ffd564`
RGB Decimal	255, 213, 100	`rgb(255,213,100)`
RGB Percent	100, 83.5, 39.2	`rgb(100%,83.5%,39.2%)`
CMYK	0, 16, 61, 0
HSL	43.7°, 100, 69.6	`hsl(43.7,100%,69.6%)`
HSV (or HSB)	43.7°, 60.8, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.885, 2.261, 60.07
XYZ	67.335, 69.771, 21.976
xyY	0.423, 0.439, 69.771
CIE-LCH	86.885, 60.112, 87.844
CIE-LUV	86.885, 34.39, 72.167
Hunter-Lab	83.529, -2.283, 42.871
Binary	11111111, 11010101, 01100100

#ffd564
```
#ffd564 rgb(255,213,100)
```
#648eff
```
#648eff rgb(100,142,255)
```

Complementary Color

#ff8864
```
#ff8864 rgb(255,136,100)
```
#ffd564
```
#ffd564 rgb(255,213,100)
```
#dcff64
```
#dcff64 rgb(220,255,100)
```

Analogous Color

#8864ff
```
#8864ff rgb(136,100,255)
```
#ffd564
```
#ffd564 rgb(255,213,100)
```
#64dcff
```
#64dcff rgb(100,220,255)
```

Split Complementary Color

#d564ff
```
#d564ff rgb(213,100,255)
```
#ffd564
```
#ffd564 rgb(255,213,100)
```
#64ffd5
```
#64ffd5 rgb(100,255,213)
```

Triadic Color

#ff648e
```
#ff648e rgb(255,100,142)
```
#ffd564
```
#ffd564 rgb(255,213,100)
```
#64ffd5
```
#64ffd5 rgb(100,255,213)
```
#648eff
```
#648eff rgb(100,142,255)
```

Tetradic Color

#ffc018
```
#ffc018 rgb(255,192,24)
```
#ffc731
```
#ffc731 rgb(255,199,49)
```
#ffce4b
```
#ffce4b rgb(255,206,75)
```
#ffd564
```
#ffd564 rgb(255,213,100)
```
#ffdc7e
```
#ffdc7e rgb(255,220,126)
```
#ffe397
```
#ffe397 rgb(255,227,151)
```
#ffeab1
```
#ffeab1 rgb(255,234,177)
```

Monochromatic Color

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

#ffae64
```
#ffae64 rgb(255,174,100)
```
#ffbb64
```
#ffbb64 rgb(255,187,100)
```
#ffc864
```
#ffc864 rgb(255,200,100)
```
#ffd564
```
#ffd564 rgb(255,213,100)
```
#ffe264
```
#ffe264 rgb(255,226,100)
```
#ffef64
```
#ffef64 rgb(255,239,100)
```
#fffc64
```
#fffc64 rgb(255,252,100)
```

Similar Colors

Text with hexadecimal color #ffd564

This text has a font color of #ffd564.

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

#ffd564 background color

This paragraph has a background color of #ffd564.

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

#ffd564 border color

This element has a border color of #ffd564.

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

CSS codes

.text {color:#ffd564;}

.background {background-color:#ffd564;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#161000
```
#161000 rgb(22,16,0)
```
#291e00
```
#291e00 rgb(41,30,0)
```
#3d2c00
```
#3d2c00 rgb(61,44,0)
```
#503b00
```
#503b00 rgb(80,59,0)
```
#644900
```
#644900 rgb(100,73,0)
```
#785700
```
#785700 rgb(120,87,0)
```
#8b6600
```
#8b6600 rgb(139,102,0)
```
#9f7400
```
#9f7400 rgb(159,116,0)
```
#b28200
```
#b28200 rgb(178,130,0)
```
#c69000
```
#c69000 rgb(198,144,0)
```
#da9f00
```
#da9f00 rgb(218,159,0)
```
#edad00
```
#edad00 rgb(237,173,0)
```

Shade Color Variation

#ffba02
```
#ffba02 rgb(255,186,2)
```
#ffc016
```
#ffc016 rgb(255,192,22)
```
#ffc529
```
#ffc529 rgb(255,197,41)
```
#ffca3d
```
#ffca3d rgb(255,202,61)
```
#ffd050
```
#ffd050 rgb(255,208,80)
```
#ffd564
```
#ffd564 rgb(255,213,100)
```
#ffda78
```
#ffda78 rgb(255,218,120)
```
#ffe08b
```
#ffe08b rgb(255,224,139)
```
#ffe59f
```
#ffe59f rgb(255,229,159)
```
#ffeab2
```
#ffeab2 rgb(255,234,178)
```
#fff0c6
```
#fff0c6 rgb(255,240,198)
```
#fff5da
```
#fff5da rgb(255,245,218)
```
#fffaed
```
#fffaed rgb(255,250,237)
```

Tint Color Variation

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

#b7b4ac
```
#b7b4ac rgb(183,180,172)
```
#bdb7a6
```
#bdb7a6 rgb(189,183,166)
```
#c3baa0
```
#c3baa0 rgb(195,186,160)
```
#c9bc9a
```
#c9bc9a rgb(201,188,154)
```
#cfbf94
```
#cfbf94 rgb(207,191,148)
```
#d5c28e
```
#d5c28e rgb(213,194,142)
```
#dbc588
```
#dbc588 rgb(219,197,136)
```
#e1c782
```
#e1c782 rgb(225,199,130)
```
#e7ca7c
```
#e7ca7c rgb(231,202,124)
```
#edcd76
```
#edcd76 rgb(237,205,118)
```
#f3d070
```
#f3d070 rgb(243,208,112)
```
#f9d26a
```
#f9d26a rgb(249,210,106)
```
#ffd564
```
#ffd564 rgb(255,213,100)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#ddd5be Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2db6d Protanopia 1% of men
#ffd49b Deuteranopia 1% of men
#ffcfd9 Tritanopia 0.001% of the population

Trichromacy

#f6d96a Protanomaly 1% of men, 0.01% of women
#ffd487 Deuteranomaly 6% of men, 0.4% of women
#ffd1af Tritanomaly 0.01% of the population

#ffd564 hex color

#ffd564 Color Information

#ffd564 Color Conversion

Color Schemes with #ffd564

Alternatives to #ffd564

#ffd564 Preview

Shades and Tints of #ffd564

Tones of #ffd564

Color Blindness Simulator