가장 가까운 이름 색상 · #9A896B
#9A896B
가장 가까운 이름 색상: Shipwreck
#9A896B(rgb(154 137 107), hsl(38 19% 51%), oklch(0.637 0.047 81.7))와 가장 가까운 이름 색상은 Shipwreck입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9A896B
oklch(0.637 0.047 81.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A49479
- AEA087
- B7AB96
- C1B7A4
- CBC3B3
- D6CEC2
- E0DAD1
- EAE6E0
- F5F3EF
셰이드
- 85765C
- 71644E
- 5E533F
- 4B4232
- 393125
- 272218
- 17140D
- 090704
- 010100
톤
- 97886D
- 958770
- 928672
- 908674
- 8D8576
- 8A8478
- 88837A
- 85827C
- 83817E
색 조화
보색 +180°
- 9A896B
Shipwreck
- 7C8CA9
≈ Evening Hush
유사색 -30° +30°
- 9A896B
Shipwreck
- A38471
≈ Roebuck
- 8C8F6E
≈ Rowntree
삼각 배색 +120° +240°
- 9A896B
Shipwreck
- 699497
≈ Vintage Teal
- 99829D
≈ Mixed Berries
분열 보색 +150° +210°
- 9A896B
Shipwreck
- 6F91A3
≈ Wave Jumper
- 8B87A6
≈ Purple Hills
사각 배색 +90° +180° +270°
- 9A896B
Shipwreck
- 6E9588
≈ Up North
- 7C8CA9
≈ Evening Hush
- A3808E
≈ Tropical Orchid
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.40:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.16:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.16:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
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);
}