Serene
Airy blues meet sandy neutrals, creating a serene coastal harmony.
by Colorffy Team
About
Main Actions
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #87ceeb | rgb(52.9% 80.8% 92.2%) | hwb(200 53% 7.8%) | oklab(81.5% -0.057 -0.059) | oklch(81.5% 0.082 226) | color(display-p3 0.592 0.801 0.909) | |
| | #b0e2ff | rgb(69% 88.6% 100%) | hwb(200 69% 0%) | oklab(88.8% -0.038 -0.053) | oklch(88.8% 0.065 234) | color(display-p3 0.73 0.881 0.988) | |
| | #f5deb3 | rgb(96.1% 87.1% 70.2%) | hwb(39 70% 3.9%) | oklab(90.9% 0.007 0.061) | oklch(90.9% 0.061 83) | color(display-p3 0.946 0.874 0.721) | |
| | #789 | rgb(46.7% 53.3% 60%) | hwb(210 47% 40%) | oklab(61.9% -0.012 -0.03) | oklch(61.9% 0.032 248) | color(display-p3 0.479 0.531 0.594) | |
| | #e6e6fa | rgb(90.2% 90.2% 98%) | hwb(240 90% 2%) | oklab(93.1% 0.007 -0.026) | oklch(93.1% 0.027 286) | color(display-p3 0.902 0.902 0.974) |
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.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Large Pass
Fail
#87CEEB
Fail - 1.74
Lc -35
#B0E2FF
Fail - 1.38
Lc -21
#F5DEB3
Fail - 1.31
Lc -18
#778899
Fail - 3.64
Lc -70
#E6E6FA
Fail - 1.23
Lc -13
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 palette in different UI components.