#FFB6C1
#FFFF00
#FFD700
#FFA500
#FF7F50
Fruit
#FFB6C1
#FFFF00
#FFD700
#FFA500
#FF7F50
Actions
Explore the palette in different formats, and actions.
Colors overview
Orange
Yellow
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ffb6c1 | rgb(255, 182, 193) | hsl(350 100% 86%) | oklab(85% 0.08 0.01) | oklch(85% 0.09 9.1) | color(display-p3 0.96 0.73 0.76) | |
| #ffff00 | rgb(255, 255, 0) | hsl(60 100% 50%) | oklab(97% -0.07 0.2) | oklch(97% 0.21 110) | color(display-p3 1 1 0.33) | |
| #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) | |
| #ffa500 | rgb(255, 165, 0) | hsl(39 100% 50%) | oklab(79% 0.06 0.16) | oklch(79% 0.17 71) | color(display-p3 0.95 0.66 0.23) | |
| #ff7f50 | rgb(255, 127, 80) | hsl(16 100% 66%) | oklab(74% 0.13 0.11) | oklch(74% 0.17 40) | color(display-p3 0.94 0.53 0.36) |
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.
#FFB6C1
AA - 1.65
#FFFF00
AA - 1.07
#FFD700
AA - 1.4
#FFA500
AA - 1.97
#FF7F50
AA - 2.49
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