#7281f6
#bac2fa
#eaecfd
#f67281
#81f672
Color Palette
Rose
by Colorffy Team
About
Blue
Red
Green
marketing
happy
Main Actions
#7281f6
#bac2fa
#eaecfd
#f67281
#81f672
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 |
|---|---|---|---|---|---|---|---|
| | #7281f6 | rgb(44.7% 50.6% 96.5%) | hwb(230 45% 3.5%) | oklab(64.8% 0.015 -0.173) | oklch(64.8% 0.173 275) | color(display-p3 0.458 0.504 0.935) | |
| | #bac2fa | rgb(72.9% 76.1% 98%) | hwb(230 73% 2%) | oklab(82.7% 0.011 -0.078) | oklch(82.7% 0.079 278) | color(display-p3 0.735 0.76 0.963) | |
| | #eaecfd | rgb(91.8% 92.5% 99.2%) | hwb(230 92% 0.78%) | oklab(94.7% 0.004 -0.023) | oklch(94.7% 0.023 281) | color(display-p3 0.919 0.925 0.986) | |
| | #f67281 | rgb(96.5% 44.7% 50.6%) | hwb(350 45% 3.5%) | oklab(71.3% 0.156 0.042) | oklch(71.3% 0.162 15.1) | color(display-p3 0.9 0.477 0.515) | |
| | #81f672 | rgb(50.6% 96.5% 44.7%) | hwb(110 45% 3.5%) | oklab(87.6% -0.158 0.126) | oklch(87.6% 0.202 141) | color(display-p3 0.621 0.954 0.51) |
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
#7281f6
Fail - 3.39
Lc -67
#bac2fa
Fail - 1.72
Lc -35
#eaecfd
Fail - 1.17
Lc -10
#f67281
Fail - 2.74
Lc -58
#81f672
Fail - 1.36
Lc -20
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