#A7E9CA
#E0F8F1
#F7D488
#F2B880
#D16E6C
Color Palette
Spring Pop
by Colorffy Team
About
Green
Orange
Red
marketing
happy
spring
Main Actions
#A7E9CA
#E0F8F1
#F7D488
#F2B880
#D16E6C
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 |
|---|---|---|---|---|---|---|---|
| | #a7e9ca | rgb(65.5% 91.4% 79.2%) | hwb(150 65% 8.6%) | oklab(88.1% -0.076 0.022) | oklch(88.1% 0.079 164) | color(display-p3 0.71 0.907 0.8) | |
| | #e0f8f1 | rgb(87.8% 97.3% 94.5%) | hwb(160 88% 2.7%) | oklab(96% -0.027 0.002) | oklch(96% 0.027 176) | color(display-p3 0.896 0.97 0.946) | |
| | #f7d488 | rgb(96.9% 83.1% 53.3%) | hwb(41 53% 3.1%) | oklab(88.3% 0.008 0.102) | oklch(88.3% 0.102 85.7) | color(display-p3 0.946 0.836 0.573) | |
| | #f2b880 | rgb(94.9% 72.2% 50.2%) | hwb(29 50% 5.1%) | oklab(82.3% 0.042 0.089) | oklch(82.3% 0.099 64.7) | color(display-p3 0.914 0.731 0.534) | |
| | #d16e6c | rgb(82% 43.1% 42.4%) | hwb(1.2 42% 18%) | oklab(65.1% 0.116 0.048) | oklch(65.1% 0.125 22.3) | color(display-p3 0.769 0.452 0.435) |
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
#A7E9CA
Fail - 1.38
Lc -21
#E0F8F1
Fail - 1.11
Lc 0
#F7D488
Fail - 1.42
Lc -23
#F2B880
Fail - 1.75
Lc -36
#D16E6C
Fail - 3.41
Lc -67
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