이름 색상 · #D2B18F
Ligonier Tan
Ligonier Tan은(는) #D2B18F: rgb(210 177 143), hsl(30 43% 69%), oklch(0.781 0.06 67.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Ligonier Tan color name →
#D2B18F
oklch(0.781 0.06 67.6)
색상 변환
- HEX
- #d2b18f
- RGB
- rgb(210 177 143)
- HSL
- hsl(30 43% 69%)
- HWB
- hwb(30 56% 18%)
- OKLCH
- oklch(0.781 0.06 67.6)
- OKLab
- oklab(0.781 0.023 0.055)
- CIE Lab
- lab(74.52 8.72 22.14)
- LCH
- lch(74.52 23.79 68.5)
- CMYK
- cmyk(0% 16% 32% 18%)
틴트 · 셰이드 · 톤
틴트
- D7B99A
- DBC0A5
- E0C8B0
- E4D0BB
- E9D8C6
- EDDFD2
- F2E7DD
- F6EFE8
- FBF7F4
셰이드
- B6997C
- 9B8369
- 816C57
- 685745
- 504234
- 392F24
- 241C15
- 100C07
- 020101
톤
- CAAC8E
- C1A78C
- B9A28B
- B19D8A
- A89888
- A09387
- 988F85
- 908A83
- 888582
색 조화
보색 +180°
- D2B18F
Ligonier Tan
- 9ABCDD
≈ Blue Grouse
유사색 -30° +30°
- D2B18F
Ligonier Tan
- DBAB9D
≈ Tamanegi Peel
- C2B98D
≈ Goody Two Shoes
삼각 배색 +120° +240°
- D2B18F
Ligonier Tan
- 8BC5BE
≈ Holiday Turquoise
- C2AED6
≈ Purple Gala
분열 보색 +150° +210°
- D2B18F
Ligonier Tan
- 8CC2D1
≈ Eastern Sky
- AEB5DE
≈ Sassy Violet
사각 배색 +90° +180° +270°
- D2B18F
Ligonier Tan
- 98C4A9
≈ Mini Green
- 9ABCDD
≈ Blue Grouse
- D2A9C5
≈ Heart to Heart
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.01:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.42:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--ligonier-tan: #d2b18f;
--ligonier-tan-rgb: 210 177 143;
--ligonier-tan-oklch: oklch(0.781 0.06 67.6);
}
.element {
color: var(--ligonier-tan);
background-color: hsl(30 43% 69%);
border-color: oklch(0.781 0.06 67.6);
}Tailwind CSS v4
@theme {
--color-ligonier-tan: #d2b18f;
--color-ligonier-tan-50: #fff3e3;
--color-ligonier-tan-100: #f5e5d3;
--color-ligonier-tan-200: #e5d0b9;
--color-ligonier-tan-300: #ccb397;
--color-ligonier-tan-400: #b79879;
--color-ligonier-tan-500: #a17f5b;
--color-ligonier-tan-600: #886b4d;
--color-ligonier-tan-700: #6d563d;
--color-ligonier-tan-800: #513e2c;
--color-ligonier-tan-900: #382b1e;
--color-ligonier-tan-950: #23180e;
}SCSS
$ligonier-tan: #d2b18f;
$ligonier-tan-rgb: 210, 177, 143;
$ligonier-tan-light: mix(#fff, $ligonier-tan, 20%);
$ligonier-tan-dark: mix(#000, $ligonier-tan, 20%);
.element {
color: $ligonier-tan;
box-shadow: 0 0 0 2px rgba($ligonier-tan, 0.35);
}