#ffdf02 Color Information
In a RGB color space, hex #ffdf02 is composed of 100% red, 87.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.5% magenta, 99.2% yellow and 0% black. It has a hue angle of 52.4 degrees, a saturation of 100% and a lightness of 50.4%. #ffdf02 color hex could be obtained by blending #ffff04 with #ffbf00. Closest websafe color is: #ffcc00.
-
- R 100
- G 87
- B 1
-
- C 0
- M 13
- Y 99
- K 0
● #ffdf02 color description : Vivid yellow.
#ffdf02 Color Conversion
The hexadecimal color #ffdf02 has RGB values of R:255, G:223, B:2 and CMYK values of C:0, M:0.13, Y:0.99, K:0. Its decimal value is 16768770.
Hex triplet | ffdf02 | #ffdf02 |
---|---|---|
RGB Decimal | 255, 223, 2 | rgb(255,223,2) |
RGB Percent | 100, 87.5, 0.8 | rgb(100%,87.5%,0.8%) |
CMYK | 0, 13, 99, 0 | |
HSL | 52.4°, 100, 50.4 | hsl(52.4,100%,50.4%) |
HSV (or HSB) | 52.4°, 99.2, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 88.942, -5.938, 88.394 |
---|---|
XYZ | 67.639, 74.042, 10.786 |
xyY | 0.444, 0.486, 74.042 |
CIE-LCH | 88.942, 88.593, 93.843 |
CIE-LUV | 88.942, 29.652, 94.932 |
Hunter-Lab | 86.048, -10.27, 52.801 |
Binary | 11111111, 11011111, 00000010 |
Color Schemes with #ffdf02
Alternatives to #ffdf02
Below, you can see some colors close to #ffdf02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffdf02 Preview
This text has a font color of #ffdf02.
<span style="color:#ffdf02;">Text here</span>
This paragraph has a background color of #ffdf02.
<p style="background-color:#ffdf02;">Content here</p>
This element has a border color of #ffdf02.
<div style="border:1px solid #ffdf02;">Content here</div>
.text {color:#ffdf02;}
.background {background-color:#ffdf02;}
.border {border:1px solid #ffdf02;}
Shades and Tints of #ffdf02
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, #020200 is the darkest color, while #fffded is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#161300
#161300
rgb(22,19,0)
-
#292400
#292400
rgb(41,36,0)
-
#3d3500
#3d3500
rgb(61,53,0)
-
#504600
#504600
rgb(80,70,0)
-
#645700
#645700
rgb(100,87,0)
-
#786900
#786900
rgb(120,105,0)
-
#8b7a00
#8b7a00
rgb(139,122,0)
-
#9f8b00
#9f8b00
rgb(159,139,0)
-
#b39c00
#b39c00
rgb(179,156,0)
-
#c6ad00
#c6ad00
rgb(198,173,0)
-
#dabe00
#dabe00
rgb(218,190,0)
-
#edcf00
#edcf00
rgb(237,207,0)
-
#ffdf02
#ffdf02
rgb(255,223,2)
-
#ffe116
#ffe116
rgb(255,225,22)
-
#ffe429
#ffe429
rgb(255,228,41)
-
#ffe63d
#ffe63d
rgb(255,230,61)
-
#ffe950
#ffe950
rgb(255,233,80)
-
#ffeb64
#ffeb64
rgb(255,235,100)
-
#ffee78
#ffee78
rgb(255,238,120)
-
#fff08b
#fff08b
rgb(255,240,139)
-
#fff39f
#fff39f
rgb(255,243,159)
-
#fff5b3
#fff5b3
rgb(255,245,179)
-
#fff8c6
#fff8c6
rgb(255,248,198)
-
#fffada
#fffada
rgb(255,250,218)
-
#fffded
#fffded
rgb(255,253,237)
Tones of #ffdf02
A tone is produced by adding gray to any pure hue. In this case, #8a8877 is the less saturated color, while #ffdf02 is the most saturated one.
-
#8a8877
#8a8877
rgb(138,136,119)
-
#948f6d
#948f6d
rgb(148,143,109)
-
#9e9663
#9e9663
rgb(158,150,99)
-
#a79e5a
#a79e5a
rgb(167,158,90)
-
#b1a550
#b1a550
rgb(177,165,80)
-
#bbac46
#bbac46
rgb(187,172,70)
-
#c5b33c
#c5b33c
rgb(197,179,60)
-
#cebb33
#cebb33
rgb(206,187,51)
-
#d8c229
#d8c229
rgb(216,194,41)
-
#e2c91f
#e2c91f
rgb(226,201,31)
-
#ecd015
#ecd015
rgb(236,208,21)
-
#f5d80c
#f5d80c
rgb(245,216,12)
-
#ffdf02
#ffdf02
rgb(255,223,2)
Color Blindness Simulator
Below, you can see how #ffdf02 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.