가장 가까운 이름 색상 · #D5A68A
#D5A68A
가장 가까운 이름 색상: Lunatic Lynx
#D5A68A(rgb(213 166 138), hsl(22 47% 69%), oklch(0.761 0.068 52.2))와 가장 가까운 이름 색상은 Lunatic Lynx입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D5A68A
oklch(0.761 0.068 52.2)
색상 변환
- HEX
- #d5a68a
- RGB
- rgb(213 166 138)
- HSL
- hsl(22 47% 69%)
- HWB
- hwb(22 54% 16%)
- OKLCH
- oklch(0.761 0.068 52.2)
- OKLab
- oklab(0.761 0.042 0.054)
- CIE Lab
- lab(72.02 15.05 21.53)
- LCH
- lch(72.02 26.27 55)
- CMYK
- cmyk(0% 22% 35% 16%)
틴트 · 셰이드 · 톤
틴트
- D9AF95
- DEB8A1
- E2C0AC
- E7C9B8
- EBD2C4
- EFDBCF
- F3E4DB
- F7EDE7
- FBF6F3
셰이드
- B99077
- 9E7A65
- 836553
- 6A5142
- 513E32
- 3A2B22
- 241A14
- 100A07
- 020101
톤
- CCA289
- C49E88
- BB9B88
- B39787
- AA9386
- A28F85
- 998C84
- 918882
- 888481
색 조화
보색 +180°
- D5A68A
Lunatic Lynx
- 86BAD6
≈ Simply Posh
유사색 -30° +30°
- D5A68A
Lunatic Lynx
- DAA19E
≈ Passive Pink
- C7AE80
≈ Common Chalcedony
삼각 배색 +120° +240°
- D5A68A
Lunatic Lynx
- 84C0AD
≈ Seaborn
- B2AADA
≈ Grape Illusion
분열 보색 +150° +210°
- D5A68A
Lunatic Lynx
- 7CBFC4
≈ Pure Turquoise
- 9AB2DD
≈ Myrtle Flower
사각 배색 +90° +180° +270°
- D5A68A
Lunatic Lynx
- 99BD95
≈ Milly Green
- 86BAD6
≈ Simply Posh
- C6A4CB
≈ Stormy Sunrise
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.65:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--lunatic-lynx: #d5a68a;
--lunatic-lynx-rgb: 213 166 138;
--lunatic-lynx-oklch: oklch(0.761 0.068 52.2);
}
.element {
color: var(--lunatic-lynx);
background-color: hsl(22 47% 69%);
border-color: oklch(0.761 0.068 52.2);
}Tailwind CSS v4
@theme {
--color-lunatic-lynx: #d5a68a;
--color-lunatic-lynx-50: #fff1e3;
--color-lunatic-lynx-100: #fbe2d3;
--color-lunatic-lynx-200: #eccdba;
--color-lunatic-lynx-300: #d4af97;
--color-lunatic-lynx-400: #bf947a;
--color-lunatic-lynx-500: #aa7a5c;
--color-lunatic-lynx-600: #90674e;
--color-lunatic-lynx-700: #73523e;
--color-lunatic-lynx-800: #563c2d;
--color-lunatic-lynx-900: #3c291e;
--color-lunatic-lynx-950: #25170e;
}SCSS
$lunatic-lynx: #d5a68a;
$lunatic-lynx-rgb: 213, 166, 138;
$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);
}