#ffdf31 Color Information
In a RGB color space, hex #ffdf31 is composed of 100% red, 87.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.5% magenta, 80.8% yellow and 0% black. It has a hue angle of 50.7 degrees, a saturation of 100% and a lightness of 59.6%. #ffdf31 color hex could be obtained by blending #ffff62 with #ffbf00. Closest websafe color is: #ffcc33.
-
- R 100
- G 87
- B 19
-
- C 0
- M 13
- Y 81
- K 0
● #ffdf31 color description : Vivid yellow.
#ffdf31 Color Conversion
The hexadecimal color #ffdf31 has RGB values of R:255, G:223, B:49 and CMYK values of C:0, M:0.13, Y:0.81, K:0. Its decimal value is 16768817.
Hex triplet | ffdf31 | #ffdf31 |
---|---|---|
RGB Decimal | 255, 223, 49 | rgb(255,223,49) |
RGB Percent | 100, 87.5, 19.2 | rgb(100%,87.5%,19.2%) |
CMYK | 0, 13, 81, 0 | |
HSL | 50.7°, 100, 59.6 | hsl(50.7,100%,59.6%) |
HSV (or HSB) | 50.7°, 80.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 89.045, -5.188, 81.021 |
---|---|
XYZ | 68.183, 74.26, 13.648 |
xyY | 0.437, 0.476, 74.26 |
CIE-LCH | 89.045, 81.187, 93.664 |
CIE-LUV | 89.045, 29.123, 90.439 |
Hunter-Lab | 86.174, -9.571, 50.932 |
Binary | 11111111, 11011111, 00110001 |
Color Schemes with #ffdf31
Alternatives to #ffdf31
Below, you can see some colors close to #ffdf31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffdf31 Preview
This text has a font color of #ffdf31.
<span style="color:#ffdf31;">Text here</span>
This paragraph has a background color of #ffdf31.
<p style="background-color:#ffdf31;">Content here</p>
This element has a border color of #ffdf31.
<div style="border:1px solid #ffdf31;">Content here</div>
.text {color:#ffdf31;}
.background {background-color:#ffdf31;}
.border {border:1px solid #ffdf31;}
Shades and Tints of #ffdf31
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, #0a0800 is the darkest color, while #fffdf5 is the lightest one.
-
#0a0800
#0a0800
rgb(10,8,0)
-
#1d1900
#1d1900
rgb(29,25,0)
-
#312900
#312900
rgb(49,41,0)
-
#453a00
#453a00
rgb(69,58,0)
-
#584b00
#584b00
rgb(88,75,0)
-
#6c5b00
#6c5b00
rgb(108,91,0)
-
#7f6c00
#7f6c00
rgb(127,108,0)
-
#937c00
#937c00
rgb(147,124,0)
-
#a78d00
#a78d00
rgb(167,141,0)
-
#ba9d00
#ba9d00
rgb(186,157,0)
-
#ceae00
#ceae00
rgb(206,174,0)
-
#e2bf00
#e2bf00
rgb(226,191,0)
-
#f5cf00
#f5cf00
rgb(245,207,0)
-
#ffd90a
#ffd90a
rgb(255,217,10)
-
#ffdc1d
#ffdc1d
rgb(255,220,29)
-
#ffdf31
#ffdf31
rgb(255,223,49)
-
#ffe245
#ffe245
rgb(255,226,69)
-
#ffe558
#ffe558
rgb(255,229,88)
-
#ffe86c
#ffe86c
rgb(255,232,108)
-
#ffeb7f
#ffeb7f
rgb(255,235,127)
-
#ffee93
#ffee93
rgb(255,238,147)
-
#fff1a7
#fff1a7
rgb(255,241,167)
-
#fff4ba
#fff4ba
rgb(255,244,186)
-
#fff7ce
#fff7ce
rgb(255,247,206)
-
#fffae2
#fffae2
rgb(255,250,226)
-
#fffdf5
#fffdf5
rgb(255,253,245)
Tones of #ffdf31
A tone is produced by adding gray to any pure hue. In this case, #a09d90 is the less saturated color, while #ffdf31 is the most saturated one.
-
#a09d90
#a09d90
rgb(160,157,144)
-
#a8a388
#a8a388
rgb(168,163,136)
-
#b0a880
#b0a880
rgb(176,168,128)
-
#b8ae78
#b8ae78
rgb(184,174,120)
-
#c0b370
#c0b370
rgb(192,179,112)
-
#c8b968
#c8b968
rgb(200,185,104)
-
#cfbe61
#cfbe61
rgb(207,190,97)
-
#d7c459
#d7c459
rgb(215,196,89)
-
#dfc951
#dfc951
rgb(223,201,81)
-
#e7cf49
#e7cf49
rgb(231,207,73)
-
#efd441
#efd441
rgb(239,212,65)
-
#f7da39
#f7da39
rgb(247,218,57)
-
#ffdf31
#ffdf31
rgb(255,223,49)
Color Blindness Simulator
Below, you can see how #ffdf31 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.