Colore con nome · #D6C7A6
Thatched Cottage
Thatched Cottage è #D6C7A6: rgb(214 199 166), hsl(41 37% 75%), oklch(0.834 0.047 86.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Thatched Cottage color name →
#D6C7A6
oklch(0.834 0.047 86.5)
Conversioni di colore
- HEX
- #d6c7a6
- RGB
- rgb(214 199 166)
- HSL
- hsl(41 37% 75%)
- HWB
- hwb(41 65% 16%)
- OKLCH
- oklch(0.834 0.047 86.5)
- OKLab
- oklab(0.834 0.003 0.047)
- CIE Lab
- lab(80.86 1.58 18.59)
- LCH
- lch(80.86 18.66 85.2)
- CMYK
- cmyk(0% 7% 22% 16%)
Tinte · Ombre · Toni
Tinte
- DACDAF
- DED2B8
- E2D8C0
- E6DDC9
- EAE3D2
- EEE8DB
- F3EEE4
- F7F4ED
- FBF9F6
Ombre
- BAAD90
- 9E937A
- 847A65
- 6A6251
- 524C3E
- 3B362B
- 25211A
- 100E0A
- 020201
Toni
- CDC0A2
- C4B89F
- BBB19B
- B3AA97
- AAA393
- A19C8F
- 99958C
- 918E88
- 888784
Armonie di colore
Complementare +180°
- D6C7A6
Thatched Cottage
- BAC8E8
≈ Pale Wisteria
Analogo -30° +30°
- D6C7A6
Thatched Cottage
- E1C1AB
≈ Group Hug
- C6CDAA
≈ Baize Green
Triadico +120° +240°
- D6C7A6
Thatched Cottage
- A5D2D8
≈ Aqua Frost
- D9BED9
≈ Thistle
Complementare divisa +150° +210°
- D6C7A6
Thatched Cottage
- ACCEE4
≈ Polar Seas
- CBC3E4
≈ Party Hat
Tetradico +90° +180° +270°
- D6C7A6
Thatched Cottage
- A9D3C7
≈ Feeling Lucky
- BAC8E8
≈ Pale Wisteria
- E3BCC9
≈ Spring Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.57:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.57:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--thatched-cottage: #d6c7a6;
--thatched-cottage-rgb: 214 199 166;
--thatched-cottage-oklch: oklch(0.834 0.047 86.5);
}
.element {
color: var(--thatched-cottage);
background-color: hsl(41 37% 75%);
border-color: oklch(0.834 0.047 86.5);
}Tailwind CSS v4
@theme {
--color-thatched-cottage: #d6c7a6;
--color-thatched-cottage-50: #fbf5e6;
--color-thatched-cottage-100: #eee7d6;
--color-thatched-cottage-200: #dcd4be;
--color-thatched-cottage-300: #c1b79c;
--color-thatched-cottage-400: #ab9d7f;
--color-thatched-cottage-500: #948462;
--color-thatched-cottage-600: #7d7053;
--color-thatched-cottage-700: #645a42;
--color-thatched-cottage-800: #4a4130;
--color-thatched-cottage-900: #332d20;
--color-thatched-cottage-950: #1f1a10;
}SCSS
$thatched-cottage: #d6c7a6;
$thatched-cottage-rgb: 214, 199, 166;
$thatched-cottage-light: mix(#fff, $thatched-cottage, 20%);
$thatched-cottage-dark: mix(#000, $thatched-cottage, 20%);
.element {
color: $thatched-cottage;
box-shadow: 0 0 0 2px rgba($thatched-cottage, 0.35);
}