#ffdf20 color: Sun Yellow
#ffdf20 is rgb(255, 223, 32) in RGB and oklch(90.324% 0.18171 98.271) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Yellow
- Very light
- Vivid
- Warm
- ≈ Gold
- yellow-300
- Black 0%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Recent
Colors you stop on or copy appear here. They stay on this device.
About #ffdf20
#ffdf20 is a bright very light yellow color. In OKLCH it has 90.3% lightness, 0.182 chroma and a hue of 98°.
Inside sRGB: displays the same on any screen.
White text on it reaches 1.33:1 contrast and black text 15.83:1, so black text reads better.
The closest named color is Sun Yellow (#ffdf22). In Tailwind CSS the closest color is yellow-300.
Lighter: #ffdf20 mixed with white
Darker: #ffdf20 mixed with black
Calmer: #ffdf20 with less saturation
Questions about #ffdf20
What color is #ffdf20?
#ffdf20 is bright very light yellow. The closest named color is Sun Yellow. In RGB it is rgb(255, 223, 32), in HSL hsl(51.39, 100%, 56.27%) and in OKLCH oklch(90.324% 0.18171 98.271).
What colors go well with #ffdf20?
The complementary color of #ffdf20 is #d4dbff. For a calmer combination use the analogous colors #ffd394 and #bbf567. The triadic partners are #8af0ff and #ffc5f6.
Is white or black text more readable on #ffdf20?
Black text reads better on #ffdf20: white gives a contrast ratio of 1.33:1 and black gives 15.83:1. WCAG AA asks for at least 4.5:1 for body text.
Is #ffdf20 a warm or cool color?
#ffdf20 is a warm color. In OKLCH its hue is 98 degrees, its lightness 90.3% and its chroma 0.182.