이름 색상 · #D2B183
Light Oak
Light Oak은(는) #D2B183: rgb(210 177 131), hsl(35 47% 67%), oklch(0.778 0.072 75.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Light Oak color name →
#D2B183
oklch(0.778 0.072 75.6)
색상 변환
- HEX
- #d2b183
- RGB
- rgb(210 177 131)
- HSL
- hsl(35 47% 67%)
- HWB
- hwb(35 51% 18%)
- OKLCH
- oklch(0.778 0.072 75.6)
- OKLab
- oklab(0.778 0.018 0.07)
- CIE Lab
- lab(74.34 7.65 28.26)
- LCH
- lch(74.34 29.28 74.9)
- CMYK
- cmyk(0% 16% 38% 18%)
틴트 · 셰이드 · 톤
틴트
- D7B98F
- DBC09C
- E0C8A8
- E4D0B4
- E9D8C1
- EDE0CD
- F2E7DA
- F6EFE6
- FBF7F2
셰이드
- B69971
- 9B8360
- 816C4F
- 68573F
- 50422F
- 392F20
- 241C12
- 100C06
- 020101
톤
- CAAC83
- C1A783
- B9A283
- B19D83
- A89883
- A09482
- 988F82
- 908A81
- 888581
색 조화
보색 +180°
- D2B183
Light Oak
- 99B9E5
≈ Honest
유사색 -30° +30°
- D2B183
Light Oak
- DFA991
≈ Rose Tattoo
- BDBA84
≈ Slippery Moss
삼각 배색 +120° +240°
- D2B183
Light Oak
- 7EC6C6
≈ Bay Mist
- C9A9D7
≈ Darling Lilac
분열 보색 +150° +210°
- D2B183
Light Oak
- 84C1DA
≈ Blue Charm
- B2B1E4
≈ Beloved
사각 배색 +90° +180° +270°
- D2B183
Light Oak
- 8AC6AC
≈ Hellion Green
- 99B9E5
≈ Honest
- DAA5C1
≈ Rhubarb Gin
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.02:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.35:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--light-oak: #d2b183;
--light-oak-rgb: 210 177 131;
--light-oak-oklch: oklch(0.778 0.072 75.6);
}
.element {
color: var(--light-oak);
background-color: hsl(35 47% 67%);
border-color: oklch(0.778 0.072 75.6);
}Tailwind CSS v4
@theme {
--color-light-oak: #d2b183;
--color-light-oak-50: #fff3df;
--color-light-oak-100: #f6e5ce;
--color-light-oak-200: #e6d1b2;
--color-light-oak-300: #ccb38e;
--color-light-oak-400: #b7996e;
--color-light-oak-500: #a27f4e;
--color-light-oak-600: #896c42;
--color-light-oak-700: #6e5635;
--color-light-oak-800: #513f25;
--color-light-oak-900: #392b19;
--color-light-oak-950: #23180a;
}SCSS
$light-oak: #d2b183;
$light-oak-rgb: 210, 177, 131;
$light-oak-light: mix(#fff, $light-oak, 20%);
$light-oak-dark: mix(#000, $light-oak, 20%);
.element {
color: $light-oak;
box-shadow: 0 0 0 2px rgba($light-oak, 0.35);
}