#9C6336
#DFB392
#70594F
#B9D0E4
#357A8F
Color Palette
Seashore
by Colorffy Team
About
Brown
Cyan
Main Actions
#9C6336
#DFB392
#70594F
#B9D0E4
#357A8F
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 |
|---|---|---|---|---|---|---|---|
| | #9c6336 | rgb(61.2% 38.8% 21.2%) | hwb(26 21% 39%) | oklab(55.3% 0.052 0.08) | oklch(55.3% 0.095 57.3) | color(display-p3 0.58 0.398 0.243) | |
| | #dfb392 | rgb(87.5% 70.2% 57.3%) | hwb(26 57% 13%) | oklab(79.8% 0.036 0.058) | oklch(79.8% 0.068 58.5) | color(display-p3 0.847 0.709 0.59) | |
| | #70594f | rgb(43.9% 34.9% 31%) | hwb(18 31% 56%) | oklab(48.4% 0.024 0.024) | oklch(48.4% 0.034 44.7) | color(display-p3 0.425 0.352 0.316) | |
| | #b9d0e4 | rgb(72.5% 81.6% 89.4%) | hwb(210 73% 11%) | oklab(84.7% -0.016 -0.034) | oklch(84.7% 0.037 244) | color(display-p3 0.743 0.813 0.886) | |
| | #357a8f | rgb(20.8% 47.8% 56.1%) | hwb(190 21% 44%) | oklab(54.4% -0.057 -0.05) | oklch(54.4% 0.076 221) | color(display-p3 0.28 0.472 0.551) |
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
#9C6336
AA - 4.93
Lc -79
#DFB392
Fail - 1.9
Lc -41
#70594F
AA - 6.49
Lc -87
#B9D0E4
Fail - 1.59
Lc -30
#357A8F
AA - 4.84
Lc -79
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