이름 색상 · #D8C8BE
Curly Maple
Curly Maple은(는) #D8C8BE: rgb(216 200 190), hsl(23 25% 80%), oklch(0.843 0.023 54.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Curly Maple color name →
#D8C8BE
oklch(0.843 0.023 54.3)
색상 변환
- HEX
- #d8c8be
- RGB
- rgb(216 200 190)
- HSL
- hsl(23 25% 80%)
- HWB
- hwb(23 75% 15%)
- OKLCH
- oklch(0.843 0.023 54.3)
- OKLab
- oklab(0.843 0.013 0.018)
- CIE Lab
- lab(81.73 4.54 7.14)
- LCH
- lch(81.73 8.47 57.5)
- CMYK
- cmyk(0% 7% 12% 15%)
틴트 · 셰이드 · 톤
틴트
- DCCDC4
- E0D3CB
- E4D8D1
- E8DED8
- EBE3DE
- EFE9E5
- F3EEEB
- F7F4F2
- FBF9F8
셰이드
- BCAEA5
- A0948C
- 857B75
- 6B635E
- 534C48
- 3B3633
- 25211F
- 110F0D
- 020202
톤
- CFC1B8
- C6B9B1
- BDB2AB
- B4ABA5
- ABA39E
- A29C98
- 9A9592
- 918E8C
- 888786
색 조화
보색 +180°
- D8C8BE
Curly Maple
- BECED8
≈ Keepsake
유사색 -30° +30°
- D8C8BE
Curly Maple
- DAC6C4
≈ Fairview Taupe
- D2CBBB
≈ Shoreline Haze
삼각 배색 +120° +240°
- D8C8BE
Curly Maple
- BDD1CA
≈ Sonoma Sky
- CCC9D9
≈ Magic Scent
분열 보색 +150° +210°
- D8C8BE
Curly Maple
- BBD0D2
≈ Detroit
- C4CCDB
≈ Lavender Steel
사각 배색 +90° +180° +270°
- D8C8BE
Curly Maple
- C3D0C2
≈ Dewkist
- BECED8
≈ Keepsake
- D3C7D4
≈ Enchant
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.62:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.92:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--curly-maple: #d8c8be;
--curly-maple-rgb: 216 200 190;
--curly-maple-oklch: oklch(0.843 0.023 54.3);
}
.element {
color: var(--curly-maple);
background-color: hsl(23 25% 80%);
border-color: oklch(0.843 0.023 54.3);
}Tailwind CSS v4
@theme {
--color-curly-maple: #d8c8be;
--color-curly-maple-50: #faf4ef;
--color-curly-maple-100: #eee6e1;
--color-curly-maple-200: #dcd2cb;
--color-curly-maple-300: #c1b5ac;
--color-curly-maple-400: #aa9b92;
--color-curly-maple-500: #938378;
--color-curly-maple-600: #7c6e66;
--color-curly-maple-700: #635851;
--color-curly-maple-800: #49403b;
--color-curly-maple-900: #332c29;
--color-curly-maple-950: #1e1917;
}SCSS
$curly-maple: #d8c8be;
$curly-maple-rgb: 216, 200, 190;
$curly-maple-light: mix(#fff, $curly-maple, 20%);
$curly-maple-dark: mix(#000, $curly-maple, 20%);
.element {
color: $curly-maple;
box-shadow: 0 0 0 2px rgba($curly-maple, 0.35);
}