Adlandırılmış renk · #D8C8BE
Curly Maple
Curly Maple, #D8C8BE: rgb(216 200 190), hsl(23 25% 80%), oklch(0.843 0.023 54.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Curly Maple color name →
#D8C8BE
oklch(0.843 0.023 54.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCCDC4
- E0D3CB
- E4D8D1
- E8DED8
- EBE3DE
- EFE9E5
- F3EEEB
- F7F4F2
- FBF9F8
Koyu tonlar
- BCAEA5
- A0948C
- 857B75
- 6B635E
- 534C48
- 3B3633
- 25211F
- 110F0D
- 020202
Gri tonlar
- CFC1B8
- C6B9B1
- BDB2AB
- B4ABA5
- ABA39E
- A29C98
- 9A9592
- 918E8C
- 888786
Renk uyumları
Tamamlayıcı +180°
- D8C8BE
Curly Maple
- BECED8
≈ Keepsake
Analog -30° +30°
- D8C8BE
Curly Maple
- DAC6C4
≈ Fairview Taupe
- D2CBBB
≈ Shoreline Haze
Üçlü +120° +240°
- D8C8BE
Curly Maple
- BDD1CA
≈ Sonoma Sky
- CCC9D9
≈ Magic Scent
Bölünmüş tamamlayıcı +150° +210°
- D8C8BE
Curly Maple
- BBD0D2
≈ Detroit
- C4CCDB
≈ Lavender Steel
Dörtlü +90° +180° +270°
- D8C8BE
Curly Maple
- C3D0C2
≈ Dewkist
- BECED8
≈ Keepsake
- D3C7D4
≈ Enchant
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.62:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.92:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
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);
}