#f5642f
#ff7f50
#ffffff
#50d0ff
#ff5079
Color Palette
Coral
by Colorffy Team
About
Orange
Blue
Main Actions
#f5642f
#ff7f50
#ffffff
#50d0ff
#ff5079
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 |
|---|---|---|---|---|---|---|---|
| | #f5642f | rgb(96.1% 39.2% 18.4%) | hwb(16 18% 3.9%) | oklab(68% 0.147 0.12) | oklch(68% 0.19 39.1) | color(display-p3 0.893 0.428 0.25) | |
| | #ff7f50 | rgb(100% 49.8% 31.4%) | hwb(16 31% 0%) | oklab(73.5% 0.128 0.109) | oklch(73.5% 0.168 40.2) | color(display-p3 0.936 0.525 0.358) | |
| | #fff | rgb(100% 100% 100%) | hwb(none 100% 0%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) | |
| | #50d0ff | rgb(31.4% 81.6% 100%) | hwb(200 31% 0%) | oklab(80.6% -0.089 -0.093) | oklch(80.6% 0.129 226) | color(display-p3 0.459 0.805 0.981) | |
| | #ff5079 | rgb(100% 31.4% 47.5%) | hwb(350 31% 0%) | oklab(68.4% 0.207 0.04) | oklch(68.4% 0.211 10.9) | color(display-p3 0.924 0.367 0.481) |
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
#f5642f
Fail - 3.11
Lc -63
#ff7f50
Fail - 2.49
Lc -54
#ffffff
Fail - 1
Lc 0
#50d0ff
Fail - 1.77
Lc -36
#ff5079
Fail - 3.14
Lc -63
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