#FDE68A
Tailwind amber-200
#FDE68A is a yellow colour. In RGB it is 253 red, 230 green and 138 blue, which converts to a hue of 48 degrees, 97% saturation and 77% lightness. It is Tailwind amber-200 in that design system's palette.
Color values
| HEX | #FDE68A |
|---|---|
| RGB | rgb(253, 230, 138) |
| HSL | hsl(48, 97%, 77%) |
| HSV | hsv(48, 45%, 99%) |
| CMYK | cmyk(0%, 9%, 45%, 1%) |
Contrast and accessibility
Against white the contrast ratio is 1.25:1, and against black it is 16.86:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.
| Background | Ratio | Normal text | Large text |
|---|---|---|---|
| White | 1.25:1 | Fail | Fail |
| Black | 16.86:1 | AAA | AAA |
Tints and shades
Lighter tints move #FDE68A toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #FDE68A; |
|---|---|
| CSS rgb() | color: rgb(253 230 138); |
| Tailwind | bg-[#fde68a] |
| SwiftUI | Color(red: 0.992, green: 0.902, blue: 0.541) |
| Android | Color.parseColor("#FDE68A") |
Closest named color
The nearest CSS colour keyword to #FDE68A is khaki (#F0E68C).