가장 가까운 이름 색상 · #A39D5E
#A39D5E
가장 가까운 이름 색상: Garden of Earthly Delights
#A39D5E(rgb(163 157 94), hsl(55 27% 50%), oklch(0.687 0.084 103.6))와 가장 가까운 이름 색상은 Garden of Earthly Delights입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A39D5E
oklch(0.687 0.084 103.6)
색상 변환
- HEX
- #a39d5e
- RGB
- rgb(163 157 94)
- HSL
- hsl(55 27% 50%)
- HWB
- hwb(55 37% 36%)
- OKLCH
- oklch(0.687 0.084 103.6)
- OKLab
- oklab(0.687 -0.02 0.082)
- CIE Lab
- lab(64.16 -4.63 33.69)
- LCH
- lch(64.16 34 97.8)
- CMYK
- cmyk(0% 4% 42% 36%)
틴트 · 셰이드 · 톤
틴트
- ACA76E
- B5B07E
- BEBA8E
- C7C49E
- D0CDAE
- D9D7BE
- E2E1CE
- ECEBDE
- F5F5EF
셰이드
- 8D8851
- 787344
- 635F37
- 4F4C2B
- 3C3A1F
- 2A2814
- 19180A
- 0A0903
- 010100
톤
- 9F9A62
- 9C9766
- 98946A
- 95926E
- 918F71
- 8E8C75
- 8A8978
- 87867B
- 83837D
색 조화
보색 +180°
- A39D5E
Garden of Earthly Delights
- 9394CD
≈ Litmus
유사색 -30° +30°
- A39D5E
Garden of Earthly Delights
- BA925E
≈ Honey Haven
- 85A670
≈ Perennial Garden
삼각 배색 +120° +240°
- A39D5E
Garden of Earthly Delights
- 5BA6C1
≈ Pottery Blue
- C085A7
≈ Lavender Quartz
분열 보색 +150° +210°
- A39D5E
Garden of Earthly Delights
- 759DCE
≈ Blue Lechery
- AD8BBF
≈ East Side
사각 배색 +90° +180° +270°
- A39D5E
Garden of Earthly Delights
- 53ABA9
≈ Emerald Succulent
- 9394CD
≈ Litmus
- C9858B
≈ Rose Sachet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.78:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.54:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--garden-of-earthly-delights: #a39d5e;
--garden-of-earthly-delights-rgb: 163 157 94;
--garden-of-earthly-delights-oklch: oklch(0.687 0.084 103.6);
}
.element {
color: var(--garden-of-earthly-delights);
background-color: hsl(55 27% 50%);
border-color: oklch(0.687 0.084 103.6);
}Tailwind CSS v4
@theme {
--color-garden-of-earthly-delights: #a39d5e;
--color-garden-of-earthly-delights-50: #f8f7dc;
--color-garden-of-earthly-delights-100: #ebeaca;
--color-garden-of-earthly-delights-200: #d9d7ae;
--color-garden-of-earthly-delights-300: #bdbb88;
--color-garden-of-earthly-delights-400: #a7a166;
--color-garden-of-earthly-delights-500: #908942;
--color-garden-of-earthly-delights-600: #7a7439;
--color-garden-of-earthly-delights-700: #615d2d;
--color-garden-of-earthly-delights-800: #48431f;
--color-garden-of-earthly-delights-900: #322f14;
--color-garden-of-earthly-delights-950: #1e1b06;
}SCSS
$garden-of-earthly-delights: #a39d5e;
$garden-of-earthly-delights-rgb: 163, 157, 94;
$garden-of-earthly-delights-light: mix(#fff, $garden-of-earthly-delights, 20%);
$garden-of-earthly-delights-dark: mix(#000, $garden-of-earthly-delights, 20%);
.element {
color: $garden-of-earthly-delights;
box-shadow: 0 0 0 2px rgba($garden-of-earthly-delights, 0.35);
}