Citron Color — #D5C757: Codes, Palettes & Contrast
Citron (#D5C757) color codes in RGB, HSL, and OKLCH, the most readable text color on it, WCAG contrast ratios against white and black, and matching color palettes.
Citron is a named yellow color, ready to use anywhere you need it.
Citron#D5C757
Citron color codes
| HEX | #D5C757 |
|---|---|
| RGB | rgb(213, 199, 87) |
| HSL | hsl(53, 60%, 59%) |
| OKLCH | oklch(0.820 0.133 102.2) |
Browse more yellow colors.
Readable text on Citron
Black text (#000000) has the higher contrast against this background: 12.14:1.
| Text color | Ratio | Normal text AA | Normal text AAA |
|---|---|---|---|
| Black | 12.14:1 | Pass | Pass |
| White | 1.73:1 | Fail | Fail |
Normal text requires at least 4.5:1 for WCAG AA and 7:1 for AAA. Check another combination.