# #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.

Source: https://pickshade.com/color/ffdf20

## Formats

| Format | Value |
| --- | --- |
| HEX | #ffdf20 |
| RGB | rgb(255, 223, 32) |
| HSL | hsl(51.39, 100%, 56.27%) |
| HSB / HSV | hsv(51.39 87.45% 100%) |
| HWB | hwb(51.39 12.55% 0%) |
| CMYK | cmyk(0% 13% 87% 0%) |
| Lab | lab(89.5 -0.66 84.31) |
| LCH | lch(89.5 84.31 90.45) |
| OKLab | oklab(90.324% -0.02614 0.17982) |
| OKLCH | oklch(90.324% 0.18171 98.271) |
| Display P3 | color(display-p3 0.97926 0.87906 0.32023) |
| Rec. 2020 | color(rec2020 0.93376 0.86524 0.28053) |
| Adobe RGB | color(a98-rgb 0.96533 0.87092 0.2422) |
| ProPhoto RGB | color(prophoto-rgb 0.86792 0.84807 0.30246) |
| Linear sRGB | color(srgb-linear 1 0.73791 0.01444) |
| XYZ D65 | color(xyz-d65 0.67886 0.74141 0.12102) |
| XYZ D50 | color(xyz-d50 0.72234 0.75237 0.09588) |
| SwiftUI | Color(red: 1, green: 0.875, blue: 0.125) |
| UIKit | UIColor(red: 1, green: 0.875, blue: 0.125, alpha: 1) |
| Flutter / Compose | Color(0xFFFFDF20) |
| Android XML | #FFDF20 |

## Facts

- Closest name: Sun Yellow
- Hue family: Yellow, bright very light yellow
- Closest Tailwind class: yellow-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.33:1
- Contrast with black: 15.83:1

## Tints

#ffdf20, #ffe34e, #ffe66a, #ffea81, #ffed96, #fff0a9, #fff4bc, #fff7cd, #fffade, #fffcef

## Shades

#ffdf20, #dec21a, #bea515, #9e8a0f, #806f0a, #635606, #483d03, #2e2701, #161200, #030200

## Tones

#ffdf20, #fce04a, #f8e063, #f5e078, #f2e08a, #efe09a, #ebe0a9, #e8e0b7, #e5e0c5, #e2dfd2

## Harmonies

- Complementary: #ffdf20, #d4dbff
- Split: #ffdf20, #bae4ff, #f0d0ff
- Analogous: #ffdf20, #ffd394, #bbf567
- Triadic: #ffdf20, #8af0ff, #ffc5f6
- Tetradic: #ffdf20, #57ffb1, #d4dbff, #ffc5f6
- Square: #ffdf20, #00fff5, #d4dbff, #ffcbd5
- Monochromatic: #ffdf20, #ad9200, #d7b800, #fff683, #fff683

## 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.