가장 가까운 이름 색상 · #AB9085
#AB9085
가장 가까운 이름 색상: Earthbound
#AB9085(rgb(171 144 133), hsl(17 18% 60%), oklch(0.675 0.036 43.4))와 가장 가까운 이름 색상은 Earthbound입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AB9085
oklch(0.675 0.036 43.4)
색상 변환
- HEX
- #ab9085
- RGB
- rgb(171 144 133)
- HSL
- hsl(17 18% 60%)
- HWB
- hwb(17 52% 33%)
- OKLCH
- oklch(0.675 0.036 43.4)
- OKLab
- oklab(0.675 0.026 0.025)
- CIE Lab
- lab(62.06 9.17 9.84)
- LCH
- lch(62.06 13.45 47)
- CMYK
- cmyk(0% 16% 22% 33%)
틴트 · 셰이드 · 톤
틴트
- B39B91
- BCA59C
- C4B0A8
- CCBBB4
- D5C6C0
- DDD1CD
- E6DDD9
- EEE8E6
- F6F3F2
셰이드
- 947D73
- 7E6A61
- 685750
- 544540
- 403430
- 2D2421
- 1B1513
- 0B0706
- 010101
톤
- A78E85
- A28D84
- 9E8B84
- 9A8A83
- 968883
- 918682
- 8D8582
- 898381
- 848281
색 조화
보색 +180°
- AB9085
Earthbound
- 7F9CA7
≈ Serene Stream
유사색 -30° +30°
- AB9085
Earthbound
- AC8E90
≈ Mauve Day
- A5947E
≈ Urban Jungle
삼각 배색 +120° +240°
- AB9085
Earthbound
- 839E90
≈ Mother Earth
- 9394AD
≈ Monarchy
분열 보색 +150° +210°
- AB9085
Earthbound
- 7D9E9D
≈ Salt Blue
- 8798AD
≈ Norwegian Night
사각 배색 +90° +180° +270°
- AB9085
Earthbound
- 8E9C85
≈ Farm Fresh
- 7F9CA7
≈ Serene Stream
- 9F90A7
≈ Ancestry Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.97:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.05:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 7.05:1 (AAA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--earthbound: #ab9085;
--earthbound-rgb: 171 144 133;
--earthbound-oklch: oklch(0.675 0.036 43.4);
}
.element {
color: var(--earthbound);
background-color: hsl(17 18% 60%);
border-color: oklch(0.675 0.036 43.4);
}Tailwind CSS v4
@theme {
--color-earthbound: #ab9085;
--color-earthbound-50: #fff2ed;
--color-earthbound-100: #f3e4de;
--color-earthbound-200: #e2d0c8;
--color-earthbound-300: #c8b2a8;
--color-earthbound-400: #b2988d;
--color-earthbound-500: #9c7f73;
--color-earthbound-600: #846b62;
--color-earthbound-700: #6a564e;
--color-earthbound-800: #4e3e39;
--color-earthbound-900: #362b27;
--color-earthbound-950: #211815;
}SCSS
$earthbound: #ab9085;
$earthbound-rgb: 171, 144, 133;
$earthbound-light: mix(#fff, $earthbound, 20%);
$earthbound-dark: mix(#000, $earthbound, 20%);
.element {
color: $earthbound;
box-shadow: 0 0 0 2px rgba($earthbound, 0.35);
}