#454545
#4b89db
#96caf5
#c4c4c4
#e8db2c
Color Palette
Bird
by Colorffy Team
About
Blue
Yellow
Main Actions
#454545
#4b89db
#96caf5
#c4c4c4
#e8db2c
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 |
|---|---|---|---|---|---|---|---|
| | #454545 | rgb(27.1% 27.1% 27.1%) | hwb(none 27% 73%) | oklab(39% 0 0) | oklch(39% 0 none) | color(display-p3 0.271 0.271 0.271) | |
| | #4b89db | rgb(29.4% 53.7% 85.9%) | hwb(210 29% 14%) | oklab(62.7% -0.034 -0.136) | oklch(62.7% 0.14 256) | color(display-p3 0.353 0.531 0.835) | |
| | #96caf5 | rgb(58.8% 79.2% 96.1%) | hwb(210 59% 3.9%) | oklab(81.8% -0.036 -0.073) | oklch(81.8% 0.082 244) | color(display-p3 0.631 0.786 0.945) | |
| | #c4c4c4 | rgb(76.9% 76.9% 76.9%) | hwb(none 77% 23%) | oklab(82% 0 0) | oklch(82% 0 none) | color(display-p3 0.769 0.769 0.769) | |
| | #e8db2c | rgb(91% 85.9% 17.3%) | hwb(56 17% 9%) | oklab(87.5% -0.045 0.17) | oklch(87.5% 0.176 105) | color(display-p3 0.901 0.861 0.328) |
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
#454545
AAA - 9.58
Lc -96
#4b89db
Fail - 3.55
Lc -68
#96caf5
Fail - 1.74
Lc -35
#c4c4c4
Fail - 1.74
Lc -36
#e8db2c
Fail - 1.43
Lc -24
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