#264653
#53A1A9
#F2D64B
#F28705
#BF2D38
Carnival
#264653
#53A1A9
#F2D64B
#F28705
#BF2D38
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Orange
Yellow
Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #264653 | rgb(38, 70, 83) | hsl(200 37% 24%) | oklab(38% -0.03 -0.03) | oklch(38% 0.04 230) | color(display-p3 0.18 0.27 0.32) | |
| #53a1a9 | rgb(83, 161, 169) | hsl(190 34% 49%) | oklab(66% -0.07 -0.03) | oklch(66% 0.08 200) | color(display-p3 0.4 0.62 0.66) | |
| #f2d64b | rgb(242, 214, 75) | hsl(50 87% 62%) | oklab(88% -0.02 0.15) | oklch(88% 0.16 98) | color(display-p3 0.93 0.84 0.39) | |
| #f28705 | rgb(242, 135, 5) | hsl(33 96% 48%) | oklab(73% 0.09 0.15) | oklch(73% 0.17 59) | color(display-p3 0.89 0.55 0.2) | |
| #bf2d38 | rgb(191, 45, 56) | hsl(360 62% 46%) | oklab(53% 0.17 0.07) | oklch(53% 0.18 22) | color(display-p3 0.69 0.23 0.24) |
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.
#264653
AAA - 10.07
#53A1A9
AA - 2.98
#F2D64B
AA - 1.44
#F28705
AA - 2.54
#BF2D38
AA - 5.75
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