Najbliższy nazwany kolor · #9A896B
#9A896B
Najbliższy nazwany kolor: Shipwreck
#9A896B (rgb(154 137 107), hsl(38 19% 51%), oklch(0.637 0.047 81.7)) jest najbliższy nazwanemu kolorowi Shipwreck. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9A896B
oklch(0.637 0.047 81.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A49479
- AEA087
- B7AB96
- C1B7A4
- CBC3B3
- D6CEC2
- E0DAD1
- EAE6E0
- F5F3EF
Odcienie ciemniejsze
- 85765C
- 71644E
- 5E533F
- 4B4232
- 393125
- 272218
- 17140D
- 090704
- 010100
Tony
- 97886D
- 958770
- 928672
- 908674
- 8D8576
- 8A8478
- 88837A
- 85827C
- 83817E
Harmonie kolorów
Komplementarna +180°
- 9A896B
Shipwreck
- 7C8CA9
≈ Evening Hush
Analogowa -30° +30°
- 9A896B
Shipwreck
- A38471
≈ Roebuck
- 8C8F6E
≈ Rowntree
Triada +120° +240°
- 9A896B
Shipwreck
- 699497
≈ Vintage Teal
- 99829D
≈ Mixed Berries
Komplementarna rozszczepiona +150° +210°
- 9A896B
Shipwreck
- 6F91A3
≈ Wave Jumper
- 8B87A6
≈ Purple Hills
Tetrada +90° +180° +270°
- 9A896B
Shipwreck
- 6E9588
≈ Up North
- 7C8CA9
≈ Evening Hush
- A3808E
≈ Tropical Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.40:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.16:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.16:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
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);
}