#2E4053
#536878
#89A9B4
#A9D1DB
#D0E2E8
Featured
Color Palette
Winter
by Colorffy Team
About
Cyan
Grey
winter
Main Actions
#2E4053
#536878
#89A9B4
#A9D1DB
#D0E2E8
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 |
|---|---|---|---|---|---|---|---|
| | #2e4053 | rgb(18% 25.1% 32.5%) | hwb(210 18% 67%) | oklab(36.4% -0.014 -0.038) | oklch(36.4% 0.04 250) | color(display-p3 0.195 0.249 0.319) | |
| | #536878 | rgb(32.5% 40.8% 47.1%) | hwb(210 33% 53%) | oklab(50.6% -0.017 -0.031) | oklch(50.6% 0.036 241) | color(display-p3 0.342 0.405 0.464) | |
| | #89a9b4 | rgb(53.7% 66.3% 70.6%) | hwb(200 54% 29%) | oklab(71.5% -0.029 -0.025) | oklch(71.5% 0.039 221) | color(display-p3 0.562 0.659 0.7) | |
| | #a9d1db | rgb(66.3% 82% 85.9%) | hwb(190 66% 14%) | oklab(83.5% -0.037 -0.025) | oklch(83.5% 0.044 215) | color(display-p3 0.694 0.815 0.853) | |
| | #d0e2e8 | rgb(81.6% 88.6% 91%) | hwb(200 82% 9%) | oklab(90.1% -0.016 -0.013) | oklch(90.1% 0.021 220) | color(display-p3 0.829 0.884 0.907) |
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
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#2E4053
AAA - 10.63
Lc -99
#536878
AA - 5.8
Lc -84
#89A9B4
Fail - 2.5
Lc -54
#A9D1DB
Fail - 1.63
Lc -32
#D0E2E8
Fail - 1.33
Lc -19
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.
PWA Prompt