Colore con nome · #E7CEB8
Tanglewood Park
Tanglewood Park è #E7CEB8: rgb(231 206 184), hsl(28 49% 81%), oklch(0.866 0.041 63.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tanglewood Park color name →
#E7CEB8
oklch(0.866 0.041 63.6)
Conversioni di colore
- HEX
- #e7ceb8
- RGB
- rgb(231 206 184)
- HSL
- hsl(28 49% 81%)
- HWB
- hwb(28 72% 9%)
- OKLCH
- oklch(0.866 0.041 63.6)
- OKLab
- oklab(0.866 0.018 0.037)
- CIE Lab
- lab(84.45 6.5 14.35)
- LCH
- lch(84.45 15.75 65.6)
- CMYK
- cmyk(0% 11% 20% 9%)
Tinte · Ombre · Toni
Tinte
- E9D3BF
- ECD8C6
- EEDDCD
- F1E1D4
- F3E6DB
- F6EBE2
- F8F0E9
- FAF5F1
- FDFAF8
Ombre
- C9B3A0
- AB9888
- 8F7F71
- 73665B
- 594E45
- 403831
- 28231E
- 130F0C
- 030202
Toni
- DCC6B2
- D2BEAD
- C7B6A7
- BDAEA1
- B2A69C
- A89E96
- 9E9791
- 948F8B
- 8A8886
Armonie di colore
Complementare +180°
- E7CEB8
Tanglewood Park
- BDD7EC
≈ First Rain
Analogo -30° +30°
- E7CEB8
Tanglewood Park
- EDCAC2
≈ Harmony
- DCD3B5
≈ Suna White
Triadico +120° +240°
- E7CEB8
Tanglewood Park
- B6DCD6
≈ Catch the Wave
- D8CDEA
≈ Plum’s the Word
Complementare divisa +150° +210°
- E7CEB8
Tanglewood Park
- B6DBE3
≈ Blue Shimmer
- CAD2EF
≈ Frozen Periwinkle
Tetradico +90° +180° +270°
- E7CEB8
Tanglewood Park
- BFDBC7
≈ Green Grapes
- BDD7EC
≈ First Rain
- E5CADE
≈ Wisteria Whisper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.91:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.91:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--tanglewood-park: #e7ceb8;
--tanglewood-park-rgb: 231 206 184;
--tanglewood-park-oklch: oklch(0.866 0.041 63.6);
}
.element {
color: var(--tanglewood-park);
background-color: hsl(28 49% 81%);
border-color: oklch(0.866 0.041 63.6);
}Tailwind CSS v4
@theme {
--color-tanglewood-park: #e7ceb8;
--color-tanglewood-park-50: #fef3e9;
--color-tanglewood-park-100: #f2e5da;
--color-tanglewood-park-200: #e1d1c2;
--color-tanglewood-park-300: #c6b4a2;
--color-tanglewood-park-400: #b09a86;
--color-tanglewood-park-500: #9a816a;
--color-tanglewood-park-600: #826d5a;
--color-tanglewood-park-700: #685748;
--color-tanglewood-park-800: #4d3f34;
--color-tanglewood-park-900: #362c23;
--color-tanglewood-park-950: #211912;
}SCSS
$tanglewood-park: #e7ceb8;
$tanglewood-park-rgb: 231, 206, 184;
$tanglewood-park-light: mix(#fff, $tanglewood-park, 20%);
$tanglewood-park-dark: mix(#000, $tanglewood-park, 20%);
.element {
color: $tanglewood-park;
box-shadow: 0 0 0 2px rgba($tanglewood-park, 0.35);
}