Adlandırılmış renk · #D1C1AA
Light Rattan
Light Rattan, #D1C1AA: rgb(209 193 170), hsl(35 30% 74%), oklch(0.818 0.036 77). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Light Rattan color name →
#D1C1AA
oklch(0.818 0.036 77)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6C7B2
- DACDBB
- DFD3C3
- E3DACC
- E8E0D4
- ECE6DD
- F1ECE5
- F6F2EE
- FAF9F6
Koyu tonlar
- B5A793
- 9B8F7D
- 817768
- 685F53
- 50493F
- 39342D
- 23201B
- 100E0B
- 020201
Gri tonlar
- C9BAA6
- C0B4A2
- B8AD9D
- B0A699
- A8A095
- A09991
- 98938D
- 908D88
- 888684
Renk uyumları
Tamamlayıcı +180°
- D1C1AA
Light Rattan
- B5C5DB
≈ Alley
Analog -30° +30°
- D1C1AA
Light Rattan
- D8BDB0
≈ First Waltz
- C6C6AB
≈ Tame Thyme
Üçlü +120° +240°
- D1C1AA
Light Rattan
- A9CBCB
≈ Impressionist Blue
- CDBDD3
≈ Tamed Beauty
Bölünmüş tamamlayıcı +150° +210°
- D1C1AA
Light Rattan
- ACC9D6
≈ Sea Wind
- C1C0DA
≈ Lavender Sachet
Dörtlü +90° +180° +270°
- D1C1AA
Light Rattan
- AECBBF
≈ Baby Aqua
- B5C5DB
≈ Alley
- D6BBC8
≈ Queen’s Tart
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.91:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.91:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
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);
}