#1e293b
#CBD0D6
#f9fafb
#10b981
Color Palette
Urban Oasis
Contrasts city grit with natural serenity.
by Colorffy Team
About
Green
White
Blue
ui
marketing
Main Actions
#1e293b
#CBD0D6
#f9fafb
#10b981
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 |
|---|---|---|---|---|---|---|---|
| | #1e293b | rgb(11.8% 16.1% 23.1%) | hwb(220 12% 77%) | oklab(27.9% -0.006 -0.036) | oklch(27.9% 0.037 260) | color(display-p3 0.126 0.16 0.226) | |
| | #cbd0d6 | rgb(79.6% 81.6% 83.9%) | hwb(210 80% 16%) | oklab(85.5% -0.003 -0.01) | oklch(85.5% 0.01 253) | color(display-p3 0.8 0.815 0.837) | |
| | #f9fafb | rgb(97.6% 98% 98.4%) | hwb(210 98% 1.6%) | oklab(98.5% -0.001 -0.002) | oklch(98.5% 0.002 248) | color(display-p3 0.977 0.98 0.984) | |
| | #10b981 | rgb(6.27% 72.5% 50.6%) | hwb(160 6.3% 27%) | oklab(69.6% -0.142 0.045) | oklch(69.6% 0.149 162) | color(display-p3 0.333 0.715 0.522) |
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
#1e293b
AAA - 14.62
Lc -104
#CBD0D6
Fail - 1.55
Lc -29
#f9fafb
Fail - 1.04
Lc 0
#10b981
Fail - 2.53
Lc -54
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