#E85A4F
#F7BE81
#A3B18A
#607D8B
#4F6D7A
Color Palette
Serene
by Colorffy Team
About
Red
Yellow
Green
Blue
misc
education
Main Actions
#E85A4F
#F7BE81
#A3B18A
#607D8B
#4F6D7A
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 |
|---|---|---|---|---|---|---|---|
| | #e85a4f | rgb(91% 35.3% 31%) | hwb(4.3 31% 9%) | oklab(65.1% 0.158 0.082) | oklch(65.1% 0.178 27.5) | color(display-p3 0.844 0.39 0.336) | |
| | #f7be81 | rgb(96.9% 74.5% 50.6%) | hwb(31 51% 3.1%) | oklab(84% 0.039 0.094) | oklch(84% 0.102 67.6) | color(display-p3 0.934 0.754 0.54) | |
| | #a3b18a | rgb(63.9% 69.4% 54.1%) | hwb(82 54% 31%) | oklab(73.9% -0.031 0.047) | oklch(73.9% 0.056 124) | color(display-p3 0.649 0.692 0.556) | |
| | #607d8b | rgb(37.6% 49% 54.5%) | hwb(200 38% 45%) | oklab(57.2% -0.026 -0.03) | oklch(57.2% 0.04 229) | color(display-p3 0.4 0.487 0.539) | |
| | #4f6d7a | rgb(31% 42.7% 47.8%) | hwb(200 31% 52%) | oklab(51.6% -0.028 -0.029) | oklch(51.6% 0.04 227) | color(display-p3 0.334 0.424 0.473) |
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
#E85A4F
Fail - 3.49
Lc -67
#F7BE81
Fail - 1.66
Lc -33
#A3B18A
Fail - 2.27
Lc -50
#607D8B
Fail - 4.37
Lc -76
#4F6D7A
AA - 5.52
Lc -83
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