Benannte Farbe · #D1C1AA
Light Rattan
Light Rattan ist #D1C1AA: rgb(209 193 170), hsl(35 30% 74%), oklch(0.818 0.036 77). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Light Rattan color name →
#D1C1AA
oklch(0.818 0.036 77)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D6C7B2
- DACDBB
- DFD3C3
- E3DACC
- E8E0D4
- ECE6DD
- F1ECE5
- F6F2EE
- FAF9F6
Shades
- B5A793
- 9B8F7D
- 817768
- 685F53
- 50493F
- 39342D
- 23201B
- 100E0B
- 020201
Tones
- C9BAA6
- C0B4A2
- B8AD9D
- B0A699
- A8A095
- A09991
- 98938D
- 908D88
- 888684
Farbharmonien
Komplementär +180°
- D1C1AA
Light Rattan
- B5C5DB
≈ Alley
Analog -30° +30°
- D1C1AA
Light Rattan
- D8BDB0
≈ First Waltz
- C6C6AB
≈ Tame Thyme
Triadisch +120° +240°
- D1C1AA
Light Rattan
- A9CBCB
≈ Impressionist Blue
- CDBDD3
≈ Tamed Beauty
Geteilt komplementär +150° +210°
- D1C1AA
Light Rattan
- ACC9D6
≈ Sea Wind
- C1C0DA
≈ Lavender Sachet
Tetradisch +90° +180° +270°
- D1C1AA
Light Rattan
- AECBBF
≈ Baby Aqua
- B5C5DB
≈ Alley
- D6BBC8
≈ Queen’s Tart
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.76:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.91:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.91:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
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);
}