이름 색상 · #D1C1AA
Light Rattan
Light Rattan은(는) #D1C1AA: rgb(209 193 170), hsl(35 30% 74%), oklch(0.818 0.036 77). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Light Rattan color name →
#D1C1AA
oklch(0.818 0.036 77)
색상 변환
- HEX
- #d1c1aa
- RGB
- rgb(209 193 170)
- HSL
- hsl(35 30% 74%)
- HWB
- hwb(35 67% 18%)
- OKLCH
- oklch(0.818 0.036 77)
- OKLab
- oklab(0.818 0.008 0.035)
- CIE Lab
- lab(78.96 3.07 13.77)
- LCH
- lch(78.96 14.11 77.4)
- CMYK
- cmyk(0% 8% 19% 18%)
틴트 · 셰이드 · 톤
틴트
- D6C7B2
- DACDBB
- DFD3C3
- E3DACC
- E8E0D4
- ECE6DD
- F1ECE5
- F6F2EE
- FAF9F6
셰이드
- B5A793
- 9B8F7D
- 817768
- 685F53
- 50493F
- 39342D
- 23201B
- 100E0B
- 020201
톤
- C9BAA6
- C0B4A2
- B8AD9D
- B0A699
- A8A095
- A09991
- 98938D
- 908D88
- 888684
색 조화
보색 +180°
- D1C1AA
Light Rattan
- B5C5DB
≈ Alley
유사색 -30° +30°
- D1C1AA
Light Rattan
- D8BDB0
≈ First Waltz
- C6C6AB
≈ Tame Thyme
삼각 배색 +120° +240°
- D1C1AA
Light Rattan
- A9CBCB
≈ Impressionist Blue
- CDBDD3
≈ Tamed Beauty
분열 보색 +150° +210°
- D1C1AA
Light Rattan
- ACC9D6
≈ Sea Wind
- C1C0DA
≈ Lavender Sachet
사각 배색 +90° +180° +270°
- D1C1AA
Light Rattan
- AECBBF
≈ Baby Aqua
- B5C5DB
≈ Alley
- D6BBC8
≈ Queen’s Tart
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.91:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.91:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--light-rattan: #d1c1aa;
--light-rattan-rgb: 209 193 170;
--light-rattan-oklch: oklch(0.818 0.036 77);
}
.element {
color: var(--light-rattan);
background-color: hsl(35 30% 74%);
border-color: oklch(0.818 0.036 77);
}Tailwind CSS v4
@theme {
--color-light-rattan: #d1c1aa;
--color-light-rattan-50: #fbf4ea;
--color-light-rattan-100: #eee7db;
--color-light-rattan-200: #ddd3c3;
--color-light-rattan-300: #c2b6a3;
--color-light-rattan-400: #ab9c87;
--color-light-rattan-500: #94836c;
--color-light-rattan-600: #7d6f5b;
--color-light-rattan-700: #645949;
--color-light-rattan-800: #4a4135;
--color-light-rattan-900: #332d24;
--color-light-rattan-950: #1f1a13;
}SCSS
$light-rattan: #d1c1aa;
$light-rattan-rgb: 209, 193, 170;
$light-rattan-light: mix(#fff, $light-rattan, 20%);
$light-rattan-dark: mix(#000, $light-rattan, 20%);
.element {
color: $light-rattan;
box-shadow: 0 0 0 2px rgba($light-rattan, 0.35);
}