Colore con nome · #E0D3BD
Banded Tulip
Banded Tulip è #E0D3BD: rgb(224 211 189), hsl(38 36% 81%), oklch(0.872 0.033 81). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Banded Tulip color name →
#E0D3BD
oklch(0.872 0.033 81)
Conversioni di colore
- HEX
- #e0d3bd
- RGB
- rgb(224 211 189)
- HSL
- hsl(38 36% 81%)
- HWB
- hwb(38 74% 12%)
- OKLCH
- oklch(0.872 0.033 81)
- OKLab
- oklab(0.872 0.005 0.032)
- CIE Lab
- lab(85.18 1.98 12.64)
- LCH
- lch(85.18 12.79 81.1)
- CMYK
- cmyk(0% 6% 16% 12%)
Tinte · Ombre · Toni
Tinte
- E3D7C4
- E6DCCA
- E9E0D1
- ECE4D7
- EFE9DE
- F3EDE4
- F6F2EB
- F9F6F2
- FCFBF8
Ombre
- C3B7A4
- A69C8C
- 8A8274
- 70695D
- 565147
- 3E3A33
- 27241F
- 12100D
- 020202
Toni
- D6CAB7
- CCC2B1
- C2B9AA
- B8B1A4
- AFA99E
- A5A098
- 9C9892
- 92908C
- 898886
Armonie di colore
Complementare +180°
- E0D3BD
Banded Tulip
- C9D5EB
≈ Heroic Heron
Analogo -30° +30°
- E0D3BD
Banded Tulip
- E7CFC2
≈ Malibu Coast
- D5D7BF
≈ Medlar
Triadico +120° +240°
- E0D3BD
Banded Tulip
- BDDCDE
≈ Mech Suit
- DFCEE2
≈ Orchid Shimmer
Complementare divisa +150° +210°
- E0D3BD
Banded Tulip
- C0D9E7
≈ Breezy Touch
- D4D1E9
≈ Air Castle
Tetradico +90° +180° +270°
- E0D3BD
Banded Tulip
- C0DCD2
≈ Tierra Del Fuego Sea Green
- C9D5EB
≈ Heroic Heron
- E7CCD7
≈ Queen Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.22:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--banded-tulip: #e0d3bd;
--banded-tulip-rgb: 224 211 189;
--banded-tulip-oklch: oklch(0.872 0.033 81);
}
.element {
color: var(--banded-tulip);
background-color: hsl(38 36% 81%);
border-color: oklch(0.872 0.033 81);
}Tailwind CSS v4
@theme {
--color-banded-tulip: #e0d3bd;
--color-banded-tulip-50: #faf4eb;
--color-banded-tulip-100: #ede7dc;
--color-banded-tulip-200: #dbd3c5;
--color-banded-tulip-300: #c0b6a5;
--color-banded-tulip-400: #a99d89;
--color-banded-tulip-500: #92846e;
--color-banded-tulip-600: #7b705d;
--color-banded-tulip-700: #625a4a;
--color-banded-tulip-800: #494136;
--color-banded-tulip-900: #322d25;
--color-banded-tulip-950: #1e1a13;
}SCSS
$banded-tulip: #e0d3bd;
$banded-tulip-rgb: 224, 211, 189;
$banded-tulip-light: mix(#fff, $banded-tulip, 20%);
$banded-tulip-dark: mix(#000, $banded-tulip, 20%);
.element {
color: $banded-tulip;
box-shadow: 0 0 0 2px rgba($banded-tulip, 0.35);
}