#ffde20 Color Information
In a RGB color space, hex #ffde20 is composed of 100% red, 87.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.9% magenta, 87.5% yellow and 0% black. It has a hue angle of 51.1 degrees, a saturation of 100% and a lightness of 56.3%. #ffde20 color hex could be obtained by blending #ffff40 with #ffbd00. Closest websafe color is: #ffcc33.
-
- R 100
- G 87
- B 13
-
- C 0
- M 13
- Y 87
- K 0
● #ffde20 color description : Vivid yellow.
#ffde20 Color Conversion
The hexadecimal color #ffde20 has RGB values of R:255, G:222, B:32 and CMYK values of C:0, M:0.13, Y:0.87, K:0. Its decimal value is 16768544.
Hex triplet | ffde20 | #ffde20 |
---|---|---|
RGB Decimal | 255, 222, 32 | rgb(255,222,32) |
RGB Percent | 100, 87.1, 12.5 | rgb(100%,87.1%,12.5%) |
CMYK | 0, 13, 87, 0 | |
HSL | 51.1°, 100, 56.3 | hsl(51.1,100%,56.3%) |
HSV (or HSB) | 51.1°, 87.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 88.738, -5.092, 84.659 |
---|---|
XYZ | 67.623, 73.609, 12.013 |
xyY | 0.441, 0.48, 73.609 |
CIE-LCH | 88.738, 84.812, 93.442 |
CIE-LUV | 88.738, 30.124, 92.481 |
Hunter-Lab | 85.796, -9.452, 51.756 |
Binary | 11111111, 11011110, 00100000 |
Color Schemes with #ffde20
Alternatives to #ffde20
Below, you can see some colors close to #ffde20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffde20 Preview
This text has a font color of #ffde20.
<span style="color:#ffde20;">Text here</span>
This paragraph has a background color of #ffde20.
<p style="background-color:#ffde20;">Content here</p>
This element has a border color of #ffde20.
<div style="border:1px solid #ffde20;">Content here</div>
.text {color:#ffde20;}
.background {background-color:#ffde20;}
.border {border:1px solid #ffde20;}
Shades and Tints of #ffde20
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, #0c0b00 is the darkest color, while #fffef8 is the lightest one.
-
#0c0b00
#0c0b00
rgb(12,11,0)
-
#201b00
#201b00
rgb(32,27,0)
-
#342c00
#342c00
rgb(52,44,0)
-
#473d00
#473d00
rgb(71,61,0)
-
#5b4d00
#5b4d00
rgb(91,77,0)
-
#6e5e00
#6e5e00
rgb(110,94,0)
-
#826f00
#826f00
rgb(130,111,0)
-
#968000
#968000
rgb(150,128,0)
-
#a99000
#a99000
rgb(169,144,0)
-
#bda100
#bda100
rgb(189,161,0)
-
#d1b200
#d1b200
rgb(209,178,0)
-
#e4c200
#e4c200
rgb(228,194,0)
-
#f8d300
#f8d300
rgb(248,211,0)
-
#ffdb0c
#ffdb0c
rgb(255,219,12)
-
#ffde20
#ffde20
rgb(255,222,32)
-
#ffe134
#ffe134
rgb(255,225,52)
-
#ffe447
#ffe447
rgb(255,228,71)
-
#ffe75b
#ffe75b
rgb(255,231,91)
-
#ffea6e
#ffea6e
rgb(255,234,110)
-
#ffed82
#ffed82
rgb(255,237,130)
-
#ffef96
#ffef96
rgb(255,239,150)
-
#fff2a9
#fff2a9
rgb(255,242,169)
-
#fff5bd
#fff5bd
rgb(255,245,189)
-
#fff8d1
#fff8d1
rgb(255,248,209)
-
#fffbe4
#fffbe4
rgb(255,251,228)
-
#fffef8
#fffef8
rgb(255,254,248)
Tones of #ffde20
A tone is produced by adding gray to any pure hue. In this case, #989687 is the less saturated color, while #ffde20 is the most saturated one.
-
#989687
#989687
rgb(152,150,135)
-
#a19c7e
#a19c7e
rgb(161,156,126)
-
#a9a276
#a9a276
rgb(169,162,118)
-
#b2a86d
#b2a86d
rgb(178,168,109)
-
#baae65
#baae65
rgb(186,174,101)
-
#c3b45c
#c3b45c
rgb(195,180,92)
-
#ccba53
#ccba53
rgb(204,186,83)
-
#d4c04b
#d4c04b
rgb(212,192,75)
-
#ddc642
#ddc642
rgb(221,198,66)
-
#e5cc3a
#e5cc3a
rgb(229,204,58)
-
#eed231
#eed231
rgb(238,210,49)
-
#f6d829
#f6d829
rgb(246,216,41)
-
#ffde20
#ffde20
rgb(255,222,32)
Color Blindness Simulator
Below, you can see how #ffde20 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.