#FFD700
#FF69B4
#FF1493
#00FFFF
Bloom
#FFD700
#FF69B4
#FF1493
#00FFFF
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Cyan
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ffd700 | rgb(255, 215, 0) | hsl(51 100% 50%) | oklab(89% -0.02 0.18) | oklch(89% 0.18 95) | color(display-p3 0.97 0.85 0.29) | |
| #ff69b4 | rgb(255, 105, 180) | hsl(330 100% 71%) | oklab(73% 0.2 -0.03) | oklch(73% 0.2 350) | color(display-p3 0.93 0.45 0.7) | |
| #ff1493 | rgb(255, 20, 147) | hsl(330 100% 54%) | oklab(65% 0.26 -0.01) | oklch(65% 0.26 360) | color(display-p3 0.92 0.22 0.57) | |
| #00ffff | rgb(0, 255, 255) | hsl(180 100% 50%) | oklab(91% -0.15 -0.04) | oklch(91% 0.15 190) | color(display-p3 0.46 0.99 0.99) |
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.
#FFD700
AA - 1.4
#FF69B4
AA - 2.64
#FF1493
AA - 3.63
#00FFFF
AA - 1.25
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