#3EE9FD
#7FDD3F
#845FC6
#D88245
#8A5536
Color Palette
Fez
by Colorffy Team
About
Cyan
Brown
Main Actions
#3EE9FD
#7FDD3F
#845FC6
#D88245
#8A5536
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 |
|---|---|---|---|---|---|---|---|
| | #3ee9fd | rgb(24.3% 91.4% 99.2%) | hwb(190 24% 0.78%) | oklab(85.9% -0.121 -0.061) | oklch(85.9% 0.135 207) | color(display-p3 0.466 0.901 0.98) | |
| | #7fdd3f | rgb(49.8% 86.7% 24.7%) | hwb(96 25% 13%) | oklab(80.9% -0.149 0.147) | oklch(80.9% 0.209 135) | color(display-p3 0.586 0.858 0.351) | |
| | #845fc6 | rgb(51.8% 37.3% 77.6%) | hwb(260 37% 22%) | oklab(57.1% 0.073 -0.137) | oklch(57.1% 0.155 298) | color(display-p3 0.496 0.379 0.752) | |
| | #d88245 | rgb(84.7% 51% 27.1%) | hwb(25 27% 15%) | oklab(68.7% 0.077 0.105) | oklch(68.7% 0.131 53.9) | color(display-p3 0.8 0.526 0.317) | |
| | #8a5536 | rgb(54.1% 33.3% 21.2%) | hwb(22 21% 46%) | oklab(50.3% 0.053 0.064) | oklch(50.3% 0.084 50.3) | color(display-p3 0.512 0.343 0.233) |
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
#3EE9FD
Fail - 1.47
Lc -25
#7FDD3F
Fail - 1.7
Lc -34
#845FC6
AA - 4.73
Lc -78
#D88245
Fail - 2.91
Lc -61
#8A5536
AA - 6.11
Lc -86
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