가장 가까운 이름 색상 · #D8AA87
#D8AA87
가장 가까운 이름 색상: Lunatic Lynx
#D8AA87(rgb(216 170 135), hsl(26 51% 69%), oklch(0.771 0.072 58.7))와 가장 가까운 이름 색상은 Lunatic Lynx입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D8AA87
oklch(0.771 0.072 58.7)
색상 변환
- HEX
- #d8aa87
- RGB
- rgb(216 170 135)
- HSL
- hsl(26 51% 69%)
- HWB
- hwb(26 53% 15%)
- OKLCH
- oklch(0.771 0.072 58.7)
- OKLab
- oklab(0.771 0.037 0.062)
- CIE Lab
- lab(73.26 13.95 24.86)
- LCH
- lch(73.26 28.51 60.7)
- CMYK
- cmyk(0% 21% 38% 15%)
틴트 · 셰이드 · 톤
틴트
- DCB293
- E0BB9F
- E4C3AB
- E8CCB7
- ECD4C2
- F0DDCE
- F4E5DB
- F8EEE7
- FBF6F3
셰이드
- BC9375
- A07D63
- 856851
- 6B5341
- 533F31
- 3B2D21
- 251B13
- 110B06
- 020101
톤
- CFA687
- C6A286
- BD9D86
- B49985
- AC9584
- A39184
- 9A8D83
- 918882
- 898481
색 조화
보색 +180°
- D8AA87
Lunatic Lynx
- 8ABCDE
≈ Frozen Whisper
유사색 -30° +30°
- D8AA87
Lunatic Lynx
- DFA49B
≈ Coral Cove
- C7B37F
≈ Aviva
삼각 배색 +120° +240°
- D8AA87
Lunatic Lynx
- 81C4B5
≈ Holiday
- BAABDD
≈ Purple Hibiscus
분열 보색 +150° +210°
- D8AA87
Lunatic Lynx
- 7CC2CD
≈ Wavelet
- A1B3E4
≈ Myrtle Flower
사각 배색 +90° +180° +270°
- D8AA87
Lunatic Lynx
- 95C29C
≈ Delltone
- 8ABCDE
≈ Frozen Whisper
- CFA5CC
≈ Geranium Bud
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.09:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 10.01:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 10.01:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--lunatic-lynx: #d8aa87;
--lunatic-lynx-rgb: 216 170 135;
--lunatic-lynx-oklch: oklch(0.771 0.072 58.7);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(26 51% 69%);
border-color: oklch(0.771 0.072 58.7);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #d8aa87;
--color-lunatic-lynx-50: #fff1e1;
--color-lunatic-lynx-100: #fbe3d0;
--color-lunatic-lynx-200: #ecceb6;
--color-lunatic-lynx-300: #d3af93;
--color-lunatic-lynx-400: #bf9474;
--color-lunatic-lynx-500: #aa7a55;
--color-lunatic-lynx-600: #906848;
--color-lunatic-lynx-700: #73533a;
--color-lunatic-lynx-800: #563c29;
--color-lunatic-lynx-900: #3c291c;
--color-lunatic-lynx-950: #25170c;
}SCSS
$lunatic-lynx: #d8aa87;
$lunatic-lynx-rgb: 216, 170, 135;
$lunatic-lynx-light: mix(#fff, $lunatic-lynx, 20%);
$lunatic-lynx-dark: mix(#000, $lunatic-lynx, 20%);
.element {
color: $lunatic-lynx;
box-shadow: 0 0 0 2px rgba($lunatic-lynx, 0.35);
}