#a69500
#d1be15
#ebd621
#fff175
#fffde8
Color Palette
Primula
by Colorffy Team
About
Yellow
spring
nature
Main Actions
#a69500
#d1be15
#ebd621
#fff175
#fffde8
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 |
|---|---|---|---|---|---|---|---|
| | #a69500 | rgb(65.1% 58.4% 0%) | hwb(54 0% 35%) | oklab(66.4% -0.027 0.136) | oklch(66.4% 0.139 101) | color(display-p3 0.64 0.587 0.184) | |
| | #d1be15 | rgb(82% 74.5% 8.24%) | hwb(54 8.2% 18%) | oklab(79.3% -0.034 0.159) | oklch(79.3% 0.163 102) | color(display-p3 0.807 0.748 0.26) | |
| | #ebd621 | rgb(92.2% 83.9% 12.9%) | hwb(54 13% 7.8%) | oklab(86.7% -0.036 0.172) | oklch(86.7% 0.176 102) | color(display-p3 0.908 0.842 0.307) | |
| | #fff175 | rgb(100% 94.5% 45.9%) | hwb(54 46% 0%) | oklab(94.5% -0.032 0.142) | oklch(94.5% 0.145 103) | color(display-p3 0.991 0.947 0.53) | |
| | #fffde8 | rgb(100% 99.2% 91%) | hwb(55 91% 0%) | oklab(99% -0.006 0.027) | oklch(99% 0.028 102) | color(display-p3 0.999 0.992 0.918) |
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
#a69500
Fail - 3.03
Lc -62
#d1be15
Fail - 1.89
Lc -40
#ebd621
Fail - 1.48
Lc -26
#fff175
Fail - 1.16
Lc -9
#fffde8
Fail - 1.02
Lc 0
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