Floral
Soft, powdery, and delicately floral.
by Colorffy Team
About
Main Actions
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 |
|---|---|---|---|---|---|---|---|
| | #674ea7 | rgb(40.4% 30.6% 65.5%) | hwb(260 31% 35%) | oklab(49.4% 0.055 -0.126) | oklch(49.4% 0.138 294) | color(display-p3 0.389 0.31 0.634) | |
| | #9d69ac | rgb(61.6% 41.2% 67.5%) | hwb(290 41% 33%) | oklab(60% 0.086 -0.076) | oklch(60% 0.114 318) | color(display-p3 0.586 0.421 0.659) | |
| | #c1a6d1 | rgb(75.7% 65.1% 82%) | hwb(280 65% 18%) | oklab(76.3% 0.046 -0.049) | oklch(76.3% 0.067 313) | color(display-p3 0.739 0.655 0.808) | |
| | #f2e3f5 | rgb(94.9% 89% 96.1%) | hwb(290 89% 3.9%) | oklab(93.3% 0.022 -0.018) | oklch(93.3% 0.029 321) | color(display-p3 0.939 0.892 0.956) | |
| | #e5549e | rgb(89.8% 32.9% 62%) | hwb(330 33% 10%) | oklab(65.9% 0.191 -0.027) | oklch(65.9% 0.193 352) | color(display-p3 0.832 0.368 0.611) |
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
Large Pass
Fail
#674EA7
AA - 6.51
Lc -87
#9D69AC
Fail - 4.15
Lc -74
#C1A6D1
Fail - 2.17
Lc -48
#F2E3F5
Fail - 1.22
Lc -13
#E5549E
Fail - 3.44
Lc -67
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.