#a69500
#d1be15
#ebd621
#fff175
#fffde8
Primula
#a69500
#d1be15
#ebd621
#fff175
#fffde8
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #a69500 | rgb(166, 149, 0) | hsl(54 100% 33%) | oklab(66% -0.03 0.14) | oklch(66% 0.14 100) | color(display-p3 0.64 0.59 0.18) | |
| #d1be15 | rgb(209, 190, 21) | hsl(54 82% 45%) | oklab(79% -0.03 0.16) | oklch(79% 0.16 100) | color(display-p3 0.81 0.75 0.26) | |
| #ebd621 | rgb(235, 214, 33) | hsl(54 83% 53%) | oklab(87% -0.04 0.17) | oklch(87% 0.18 100) | color(display-p3 0.91 0.84 0.31) | |
| #fff175 | rgb(255, 241, 117) | hsl(54 100% 73%) | oklab(95% -0.03 0.14) | oklch(95% 0.15 100) | color(display-p3 0.99 0.95 0.53) | |
| #fffde8 | rgb(255, 253, 232) | hsl(55 100% 95%) | oklab(99% -0.01 0.03) | oklch(99% 0.03 100) | color(display-p3 1 0.99 0.92) |
Click on a color value to copy it to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#a69500
AA - 3.03
#d1be15
AA - 1.89
#ebd621
AA - 1.48
#fff175
AA - 1.16
#fffde8
AA - 1.02
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with protanopia
Colors preview as palette with protanopia
UI components preview
Preview the gradient in different UI components.
PWA prompt