#ffd93f Color Information
In a RGB color space, hex #ffd93f is composed of 100% red, 85.1% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.9% magenta, 75.3% yellow and 0% black. It has a hue angle of 48.1 degrees, a saturation of 100% and a lightness of 62.4%. #ffd93f color hex could be obtained by blending #ffff7e with #ffb300. Closest websafe color is: #ffcc33.
-
- R 100
- G 85
- B 25
-
- C 0
- M 15
- Y 75
- K 0
● #ffd93f color description : Light yellow.
#ffd93f Color Conversion
The hexadecimal color #ffd93f has RGB values of R:255, G:217, B:63 and CMYK values of C:0, M:0.15, Y:0.75, K:0. Its decimal value is 16767295.
Hex triplet | ffd93f | #ffd93f |
---|---|---|
RGB Decimal | 255, 217, 63 | rgb(255,217,63) |
RGB Percent | 100, 85.1, 24.7 | rgb(100%,85.1%,24.7%) |
CMYK | 0, 15, 75, 0 | |
HSL | 48.1°, 100, 62.4 | hsl(48.1,100%,62.4%) |
HSV (or HSB) | 48.1°, 75.3, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 87.605, -1.694, 75.501 |
---|---|
XYZ | 66.951, 71.247, 14.928 |
xyY | 0.437, 0.465, 71.247 |
CIE-LCH | 87.605, 75.52, 91.285 |
CIE-LUV | 87.605, 33.058, 85.268 |
Hunter-Lab | 84.408, -6.131, 48.6 |
Binary | 11111111, 11011001, 00111111 |
Color Schemes with #ffd93f
Alternatives to #ffd93f
Below, you can see some colors close to #ffd93f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd93f Preview
This text has a font color of #ffd93f.
<span style="color:#ffd93f;">Text here</span>
This paragraph has a background color of #ffd93f.
<p style="background-color:#ffd93f;">Content here</p>
This element has a border color of #ffd93f.
<div style="border:1px solid #ffd93f;">Content here</div>
.text {color:#ffd93f;}
.background {background-color:#ffd93f;}
.border {border:1px solid #ffd93f;}
Shades and Tints of #ffd93f
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, #040300 is the darkest color, while #fffcf0 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#181300
#181300
rgb(24,19,0)
-
#2b2300
#2b2300
rgb(43,35,0)
-
#3f3300
#3f3300
rgb(63,51,0)
-
#534200
#534200
rgb(83,66,0)
-
#665200
#665200
rgb(102,82,0)
-
#7a6200
#7a6200
rgb(122,98,0)
-
#8d7100
#8d7100
rgb(141,113,0)
-
#a18100
#a18100
rgb(161,129,0)
-
#b59100
#b59100
rgb(181,145,0)
-
#c8a100
#c8a100
rgb(200,161,0)
-
#dcb000
#dcb000
rgb(220,176,0)
-
#f0c000
#f0c000
rgb(240,192,0)
-
#ffcd04
#ffcd04
rgb(255,205,4)
-
#ffd118
#ffd118
rgb(255,209,24)
-
#ffd52b
#ffd52b
rgb(255,213,43)
-
#ffd93f
#ffd93f
rgb(255,217,63)
-
#ffdd53
#ffdd53
rgb(255,221,83)
-
#ffe166
#ffe166
rgb(255,225,102)
-
#ffe57a
#ffe57a
rgb(255,229,122)
-
#ffe98d
#ffe98d
rgb(255,233,141)
-
#ffeca1
#ffeca1
rgb(255,236,161)
-
#fff0b5
#fff0b5
rgb(255,240,181)
-
#fff4c8
#fff4c8
rgb(255,244,200)
-
#fff8dc
#fff8dc
rgb(255,248,220)
-
#fffcf0
#fffcf0
rgb(255,252,240)
Tones of #ffd93f
A tone is produced by adding gray to any pure hue. In this case, #a6a398 is the less saturated color, while #ffd93f is the most saturated one.
-
#a6a398
#a6a398
rgb(166,163,152)
-
#aea890
#aea890
rgb(174,168,144)
-
#b5ac89
#b5ac89
rgb(181,172,137)
-
#bdb181
#bdb181
rgb(189,177,129)
-
#c4b57a
#c4b57a
rgb(196,181,122)
-
#cbba73
#cbba73
rgb(203,186,115)
-
#d3be6b
#d3be6b
rgb(211,190,107)
-
#dac364
#dac364
rgb(218,195,100)
-
#e1c75d
#e1c75d
rgb(225,199,93)
-
#e9cc55
#e9cc55
rgb(233,204,85)
-
#f0d04e
#f0d04e
rgb(240,208,78)
-
#f8d546
#f8d546
rgb(248,213,70)
-
#ffd93f
#ffd93f
rgb(255,217,63)
Color Blindness Simulator
Below, you can see how #ffd93f 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.