Nearest named color · #9A896B
#9A896B
Nearest named color: Shipwreck
#9A896B (rgb(154 137 107), hsl(38 19% 51%), oklch(0.637 0.047 81.7)) is closest to the named color Shipwreck. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9A896B
oklch(0.637 0.047 81.7)
Color conversions
- HEX
- #9a896b
- RGB
- rgb(154 137 107)
- HSL
- hsl(38 19% 51%)
- HWB
- hwb(38 42% 40%)
- OKLCH
- oklch(0.637 0.047 81.7)
- OKLab
- oklab(0.637 0.007 0.047)
- CIE Lab
- lab(58.05 3.12 18.62)
- LCH
- lch(58.05 18.88 80.5)
- CMYK
- cmyk(0% 11% 31% 40%)
Tints · Shades · Tones
Tints
- A49479
- AEA087
- B7AB96
- C1B7A4
- CBC3B3
- D6CEC2
- E0DAD1
- EAE6E0
- F5F3EF
Shades
- 85765C
- 71644E
- 5E533F
- 4B4232
- 393125
- 272218
- 17140D
- 090704
- 010100
Tones
- 97886D
- 958770
- 928672
- 908674
- 8D8576
- 8A8478
- 88837A
- 85827C
- 83817E
Color harmonies
Complementary +180°
- 9A896B
Shipwreck
- 7C8CA9
≈ Evening Hush
Analogous -30° +30°
- 9A896B
Shipwreck
- A38471
≈ Roebuck
- 8C8F6E
≈ Rowntree
Triadic +120° +240°
- 9A896B
Shipwreck
- 699497
≈ Vintage Teal
- 99829D
≈ Mixed Berries
Split-complementary +150° +210°
- 9A896B
Shipwreck
- 6F91A3
≈ Wave Jumper
- 8B87A6
≈ Purple Hills
Tetradic +90° +180° +270°
- 9A896B
Shipwreck
- 6E9588
≈ Up North
- 7C8CA9
≈ Evening Hush
- A3808E
≈ Tropical Orchid
Contrast & accessibility
Ag
FailOn white
WCAG 3.40:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.16:1 · APCA Lc 40
Best text color: #000000
WCAG 6.16:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--shipwreck: #9a896b;
--shipwreck-rgb: 154 137 107;
--shipwreck-oklch: oklch(0.637 0.047 81.7);
}
.element {
color: var(--shipwreck);
background-color: hsl(38 19% 51%);
border-color: oklch(0.637 0.047 81.7);
}Tailwind CSS v4
@theme {
--color-shipwreck: #9a896b;
--color-shipwreck-50: #fcf4e6;
--color-shipwreck-100: #efe7d7;
--color-shipwreck-200: #ded3be;
--color-shipwreck-300: #c3b69d;
--color-shipwreck-400: #ad9c7f;
--color-shipwreck-500: #968362;
--color-shipwreck-600: #7f6f54;
--color-shipwreck-700: #665943;
--color-shipwreck-800: #4b4130;
--color-shipwreck-900: #342d20;
--color-shipwreck-950: #201a10;
}SCSS
$shipwreck: #9a896b;
$shipwreck-rgb: 154, 137, 107;
$shipwreck-light: mix(#fff, $shipwreck, 20%);
$shipwreck-dark: mix(#000, $shipwreck, 20%);
.element {
color: $shipwreck;
box-shadow: 0 0 0 2px rgba($shipwreck, 0.35);
}