#ffd764 Color Information
In a RGB color space, hex #ffd764 is composed of 100% red, 84.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 60.8% yellow and 0% black. It has a hue angle of 44.5 degrees, a saturation of 100% and a lightness of 69.6%. #ffd764 color hex could be obtained by blending #ffffc8 with #ffaf00. Closest websafe color is: #ffcc66.
-
- R 100
- G 84
- B 39
-
- C 0
- M 16
- Y 61
- K 0
● #ffd764 color description : Light orange.
#ffd764 Color Conversion
The hexadecimal color #ffd764 has RGB values of R:255, G:215, B:100 and CMYK values of C:0, M:0.16, Y:0.61, K:0. Its decimal value is 16766820.
Hex triplet | ffd764 | #ffd764 |
---|---|---|
RGB Decimal | 255, 215, 100 | rgb(255,215,100) |
RGB Percent | 100, 84.3, 39.2 | rgb(100%,84.3%,39.2%) |
CMYK | 0, 16, 61, 0 | |
HSL | 44.5°, 100, 69.6 | hsl(44.5,100%,69.6%) |
HSV (or HSB) | 44.5°, 60.8, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 87.38, 1.241, 60.624 |
---|---|
XYZ | 67.841, 70.784, 22.145 |
xyY | 0.422, 0.44, 70.784 |
CIE-LCH | 87.38, 60.637, 88.827 |
CIE-LUV | 87.38, 32.997, 73.044 |
Hunter-Lab | 84.133, -3.298, 43.287 |
Binary | 11111111, 11010111, 01100100 |
Color Schemes with #ffd764
Alternatives to #ffd764
Below, you can see some colors close to #ffd764. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd764 Preview
This text has a font color of #ffd764.
<span style="color:#ffd764;">Text here</span>
This paragraph has a background color of #ffd764.
<p style="background-color:#ffd764;">Content here</p>
This element has a border color of #ffd764.
<div style="border:1px solid #ffd764;">Content here</div>
.text {color:#ffd764;}
.background {background-color:#ffd764;}
.border {border:1px solid #ffd764;}
Shades and Tints of #ffd764
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)
-
#291f00
#291f00
rgb(41,31,0)
-
#3d2d00
#3d2d00
rgb(61,45,0)
-
#503c00
#503c00
rgb(80,60,0)
-
#644a00
#644a00
rgb(100,74,0)
-
#785900
#785900
rgb(120,89,0)
-
#8b6700
#8b6700
rgb(139,103,0)
-
#9f7600
#9f7600
rgb(159,118,0)
-
#b28400
#b28400
rgb(178,132,0)
-
#c69300
#c69300
rgb(198,147,0)
-
#daa200
#daa200
rgb(218,162,0)
-
#edb000
#edb000
rgb(237,176,0)
-
#ffbe02
#ffbe02
rgb(255,190,2)
-
#ffc316
#ffc316
rgb(255,195,22)
-
#ffc829
#ffc829
rgb(255,200,41)
-
#ffcd3d
#ffcd3d
rgb(255,205,61)
-
#ffd250
#ffd250
rgb(255,210,80)
-
#ffd764
#ffd764
rgb(255,215,100)
-
#ffdc78
#ffdc78
rgb(255,220,120)
-
#ffe18b
#ffe18b
rgb(255,225,139)
-
#ffe69f
#ffe69f
rgb(255,230,159)
-
#ffebb2
#ffebb2
rgb(255,235,178)
-
#fff0c6
#fff0c6
rgb(255,240,198)
-
#fff5da
#fff5da
rgb(255,245,218)
-
#fffaed
#fffaed
rgb(255,250,237)
Tones of #ffd764
A tone is produced by adding gray to any pure hue. In this case, #b7b4ac is the less saturated color, while #ffd764 is the most saturated one.
-
#b7b4ac
#b7b4ac
rgb(183,180,172)
-
#bdb7a6
#bdb7a6
rgb(189,183,166)
-
#c3baa0
#c3baa0
rgb(195,186,160)
-
#c9bd9a
#c9bd9a
rgb(201,189,154)
-
#cfc094
#cfc094
rgb(207,192,148)
-
#d5c38e
#d5c38e
rgb(213,195,142)
-
#dbc688
#dbc688
rgb(219,198,136)
-
#e1c982
#e1c982
rgb(225,201,130)
-
#e7cb7c
#e7cb7c
rgb(231,203,124)
-
#edce76
#edce76
rgb(237,206,118)
-
#f3d170
#f3d170
rgb(243,209,112)
-
#f9d46a
#f9d46a
rgb(249,212,106)
-
#ffd764
#ffd764
rgb(255,215,100)
Color Blindness Simulator
Below, you can see how #ffd764 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.