#283149
#913536
#bbbbbb
#e9eec8
#ffffff
Color Palette
Cream
by Colorffy Team
About
Red
Yellow
Main Actions
#283149
#913536
#bbbbbb
#e9eec8
#ffffff
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 |
|---|---|---|---|---|---|---|---|
| | #283149 | rgb(15.7% 19.2% 28.6%) | hwb(220 16% 71%) | oklab(31.6% -0.002 -0.045) | oklch(31.6% 0.045 268) | color(display-p3 0.164 0.191 0.279) | |
| | #913536 | rgb(56.9% 20.8% 21.2%) | hwb(360 21% 43%) | oklab(46% 0.115 0.048) | oklch(46% 0.125 22.8) | color(display-p3 0.526 0.232 0.224) | |
| | #bbb | rgb(73.3% 73.3% 73.3%) | hwb(none 73% 27%) | oklab(79.2% 0 0) | oklch(79.2% 0 none) | color(display-p3 0.733 0.733 0.733) | |
| | #e9eec8 | rgb(91.4% 93.3% 78.4%) | hwb(68 78% 6.7%) | oklab(93.6% -0.02 0.046) | oklch(93.6% 0.05 113) | color(display-p3 0.917 0.933 0.799) | |
| | #fff | rgb(100% 100% 100%) | hwb(none 100% 0%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
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
#283149
AAA - 12.91
Lc -102
#913536
AAA - 7.59
Lc -90
#bbbbbb
Fail - 1.91
Lc -41
#e9eec8
Fail - 1.19
Lc -11
#ffffff
Fail - 1
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