Colore con nome · #E1B090
Bedtime Story
Bedtime Story è #E1B090: rgb(225 176 144), hsl(24 57% 72%), oklch(0.794 0.072 54.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Bedtime Story color name →
#E1B090
oklch(0.794 0.072 54.6)
Conversioni di colore
- HEX
- #e1b090
- RGB
- rgb(225 176 144)
- HSL
- hsl(24 57% 72%)
- HWB
- hwb(24 56% 12%)
- OKLCH
- oklch(0.794 0.072 54.6)
- OKLab
- oklab(0.794 0.042 0.059)
- CIE Lab
- lab(75.8 15.27 23.63)
- LCH
- lch(75.8 28.13 57.1)
- CMYK
- cmyk(0% 22% 36% 12%)
Tinte · Ombre · Toni
Tinte
- E4B89B
- E8C0A6
- EBC8B1
- EECFBC
- F1D7C7
- F4DFD2
- F7E7DD
- FAEFE8
- FCF7F4
Ombre
- C4997D
- A7826A
- 8B6C57
- 705645
- 564234
- 3E2E24
- 271C15
- 120B07
- 020101
Toni
- D7AB8F
- CDA68D
- C3A28C
- BA9D8A
- B09889
- A69387
- 9D8E85
- 938A84
- 8A8582
Armonie di colore
Complementare +180°
- E1B090
Bedtime Story
- 8EC4E4
≈ Club Cruise
Analogo -30° +30°
- E1B090
Bedtime Story
- E7AAA5
≈ Soft Salmon
- D1B986
≈ Appalachian Trail
Triadico +120° +240°
- E1B090
Bedtime Story
- 8ACBB9
≈ Deco-Rate
- BEB3E6
≈ Purple Sand
Complementare divisa +150° +210°
- E1B090
Bedtime Story
- 83CAD1
≈ White Ultramarine
- A5BCEB
≈ Perano
Tetradico +90° +180° +270°
- E1B090
Bedtime Story
- A0C99F
≈ Gingko
- 8EC4E4
≈ Club Cruise
- D4ACD6
≈ Whisper of Plum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.81:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--bedtime-story: #e1b090;
--bedtime-story-rgb: 225 176 144;
--bedtime-story-oklch: oklch(0.794 0.072 54.6);
}
.element {
color: var(--bedtime-story);
background-color: hsl(24 57% 72%);
border-color: oklch(0.794 0.072 54.6);
}Tailwind CSS v4
@theme {
--color-bedtime-story: #e1b090;
--color-bedtime-story-50: #fff0e2;
--color-bedtime-story-100: #fce2d1;
--color-bedtime-story-200: #edcdb7;
--color-bedtime-story-300: #d5af94;
--color-bedtime-story-400: #c19376;
--color-bedtime-story-500: #ac7957;
--color-bedtime-story-600: #91674a;
--color-bedtime-story-700: #74523b;
--color-bedtime-story-800: #563b2b;
--color-bedtime-story-900: #3c291d;
--color-bedtime-story-950: #26160d;
}SCSS
$bedtime-story: #e1b090;
$bedtime-story-rgb: 225, 176, 144;
$bedtime-story-light: mix(#fff, $bedtime-story, 20%);
$bedtime-story-dark: mix(#000, $bedtime-story, 20%);
.element {
color: $bedtime-story;
box-shadow: 0 0 0 2px rgba($bedtime-story, 0.35);
}