Colore con nome · #E0DEB8
Tropical Tale
Tropical Tale è #E0DEB8: rgb(224 222 184), hsl(57 39% 80%), oklch(0.892 0.05 104.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Tropical Tale color name →
#E0DEB8
oklch(0.892 0.05 104.9)
Conversioni di colore
- HEX
- #e0deb8
- RGB
- rgb(224 222 184)
- HSL
- hsl(57 39% 80%)
- HWB
- hwb(57 72% 12%)
- OKLCH
- oklch(0.892 0.05 104.9)
- OKLab
- oklab(0.892 -0.013 0.049)
- CIE Lab
- lab(87.9 -3.9 19)
- LCH
- lch(87.9 19.39 101.6)
- CMYK
- cmyk(0% 1% 18% 12%)
Tinte · Ombre · Toni
Tinte
- E3E1BF
- E6E5C6
- E9E8CD
- ECEBD4
- EFEFDC
- F2F2E3
- F6F5EA
- F9F8F1
- FCFCF8
Ombre
- C3C1A0
- A6A588
- 8A8971
- 706F5B
- 565545
- 3E3D31
- 27261E
- 12120C
- 020202
Toni
- D6D4B2
- CCCBAD
- C2C1A7
- B8B7A2
- AFAE9C
- A5A596
- 9C9B91
- 92928B
- 898986
Armonie di colore
Complementare +180°
- E0DEB8
Tropical Tale
- D7D8FC
≈ Icy Plains
Analogo -30° +30°
- E0DEB8
Tropical Tale
- F0D7B7
≈ Pink Lady
- CEE4C2
≈ Irish Folklore
Triadico +120° +240°
- E0DEB8
Tropical Tale
- B9E3F5
≈ Breaking the Ice
- F5CFE3
≈ Sparkling Pink
Complementare divisa +150° +210°
- E0DEB8
Tropical Tale
- C6DEFD
≈ Arc Light
- E8D2F3
≈ Lavender Princess
Tetradico +90° +180° +270°
- E0DEB8
Tropical Tale
- B6E7E6
≈ Refreshing Pool
- D7D8FC
≈ Icy Plains
- FBCFD1
≈ Fading Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.31:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.31:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--tropical-tale: #e0deb8;
--tropical-tale-rgb: 224 222 184;
--tropical-tale-oklch: oklch(0.892 0.05 104.9);
}
.element {
color: var(--tropical-tale);
background-color: hsl(57 39% 80%);
border-color: oklch(0.892 0.05 104.9);
}Tailwind CSS v4
@theme {
--color-tropical-tale: #e0deb8;
--color-tropical-tale-50: #f6f6e6;
--color-tropical-tale-100: #e9e9d6;
--color-tropical-tale-200: #d6d6be;
--color-tropical-tale-300: #baba9c;
--color-tropical-tale-400: #a2a17e;
--color-tropical-tale-500: #8b8861;
--color-tropical-tale-600: #757353;
--color-tropical-tale-700: #5e5c42;
--color-tropical-tale-800: #45432f;
--color-tropical-tale-900: #302e20;
--color-tropical-tale-950: #1c1b0f;
}SCSS
$tropical-tale: #e0deb8;
$tropical-tale-rgb: 224, 222, 184;
$tropical-tale-light: mix(#fff, $tropical-tale, 20%);
$tropical-tale-dark: mix(#000, $tropical-tale, 20%);
.element {
color: $tropical-tale;
box-shadow: 0 0 0 2px rgba($tropical-tale, 0.35);
}