#026575
#3FAFBF
#DACB77
#A48C3A
#6E6E6E
Color Palette
Lobby
by Colorffy Team
About
Cyan
Yellow
Main Actions
#026575
#3FAFBF
#DACB77
#A48C3A
#6E6E6E
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 |
|---|---|---|---|---|---|---|---|
| | #026575 | rgb(0.784% 39.6% 45.9%) | hwb(190 0.78% 54%) | oklab(46.6% -0.068 -0.045) | oklch(46.6% 0.081 214) | color(display-p3 0.166 0.39 0.451) | |
| | #3fafbf | rgb(24.7% 68.6% 74.9%) | hwb(190 25% 25%) | oklab(69.8% -0.089 -0.048) | oklch(69.8% 0.101 209) | color(display-p3 0.377 0.677 0.739) | |
| | #dacb77 | rgb(85.5% 79.6% 46.7%) | hwb(51 47% 15%) | oklab(83.6% -0.017 0.105) | oklch(83.6% 0.106 99.4) | color(display-p3 0.845 0.798 0.51) | |
| | #a48c3a | rgb(64.3% 54.9% 22.7%) | hwb(46 23% 36%) | oklab(64.6% -0.005 0.105) | oklch(64.6% 0.105 92.9) | color(display-p3 0.628 0.552 0.28) | |
| | #6e6e6e | rgb(43.1% 43.1% 43.1%) | hwb(none 43% 57%) | oklab(53.8% 0 0) | oklch(53.8% 0 none) | color(display-p3 0.431 0.431 0.431) |
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
#026575
AA - 6.72
Lc -88
#3FAFBF
Fail - 2.59
Lc -55
#DACB77
Fail - 1.64
Lc -32
#A48C3A
Fail - 3.28
Lc -66
#6E6E6E
AA - 5.09
Lc -81
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