#A2D19A
#C6E8BE
#F9F6E7
#F7C583
#E8944C
Featured
Color Palette
Citrus Bloom
by Colorffy Team
About
Green
White
Orange
drinks
spring
Main Actions
#A2D19A
#C6E8BE
#F9F6E7
#F7C583
#E8944C
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 |
|---|---|---|---|---|---|---|---|
| | #a2d19a | rgb(63.5% 82% 60.4%) | hwb(110 60% 18%) | oklab(81.3% -0.07 0.057) | oklch(81.3% 0.09 141) | color(display-p3 0.673 0.814 0.623) | |
| | #c6e8be | rgb(77.6% 91% 74.5%) | hwb(110 75% 9%) | oklab(89.5% -0.051 0.043) | oklch(89.5% 0.067 140) | color(display-p3 0.802 0.906 0.759) | |
| | #f9f6e7 | rgb(97.6% 96.5% 90.6%) | hwb(50 91% 2.4%) | oklab(97.1% -0.003 0.02) | oklch(97.1% 0.02 97.5) | color(display-p3 0.974 0.965 0.912) | |
| | #f7c583 | rgb(96.9% 77.3% 51.4%) | hwb(34 51% 3.1%) | oklab(85.3% 0.029 0.097) | oklch(85.3% 0.101 73.5) | color(display-p3 0.938 0.78 0.55) | |
| | #e8944c | rgb(91% 58% 29.8%) | hwb(28 30% 9%) | oklab(73.9% 0.069 0.115) | oklch(73.9% 0.134 59) | color(display-p3 0.863 0.595 0.351) |
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
#A2D19A
Fail - 1.73
Lc -35
#C6E8BE
Fail - 1.33
Lc -19
#F9F6E7
Fail - 1.08
Lc 0
#F7C583
Fail - 1.58
Lc -30
#E8944C
Fail - 2.39
Lc -52
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