Colore con nome · #E3EBAE
Daydream
Daydream è #E3EBAE: rgb(227 235 174), hsl(68 60% 80%), oklch(0.919 0.079 114.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Daydream color name →
#E3EBAE
oklch(0.919 0.079 114.1)
Conversioni di colore
- HEX
- #e3ebae
- RGB
- rgb(227 235 174)
- HSL
- hsl(68 60% 80%)
- HWB
- hwb(68 68% 8%)
- OKLCH
- oklch(0.919 0.079 114.1)
- OKLab
- oklab(0.919 -0.032 0.073)
- CIE Lab
- lab(91.33 -9.98 28.78)
- LCH
- lch(91.33 30.46 109.1)
- CMYK
- cmyk(3% 0% 26% 8%)
Tinte · Ombre · Toni
Tinte
- E6EDB6
- E8EFBF
- EBF1C7
- EEF3CF
- F1F5D7
- F4F7DF
- F6F9E7
- F9FBEF
- FCFDF7
Ombre
- C5CC97
- A8AE80
- 8C916A
- 717555
- 575B41
- 3F412E
- 27291C
- 12130B
- 030301
Toni
- D9E0AA
- CED5A5
- C4CAA1
- BABF9C
- B0B498
- A6AA93
- 9C9F8E
- 93958A
- 898A85
Armonie di colore
Complementare +180°
- E3EBAE
Daydream
- E5DFFF
≈ Stoic White
Analogo -30° +30°
- E3EBAE
Daydream
- FEE1A8
≈ Manila Tint
- C5F3C3
≈ Peasful Mint
Triadico +120° +240°
- E3EBAE
Daydream
- C7EAFF
≈ Blue Java Banana
- FFD8E6
≈ Strawberry Milk
Complementare divisa +150° +210°
- E3EBAE
Daydream
- D7E5FF
≈ Veiling Waterfalls
- FCD5FF
≈ Pink Diamond
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.76:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.76:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--daydream: #e3ebae;
--daydream-rgb: 227 235 174;
--daydream-oklch: oklch(0.919 0.079 114.1);
}
.element {
color: var(--daydream);
background-color: hsl(68 60% 80%);
border-color: oklch(0.919 0.079 114.1);
}Tailwind CSS v4
@theme {
--color-daydream: #e3ebae;
--color-daydream-50: #f3f8df;
--color-daydream-100: #e6ecce;
--color-daydream-200: #d2d9b3;
--color-daydream-300: #b5bd8f;
--color-daydream-400: #9da46d;
--color-daydream-500: #858c4c;
--color-daydream-600: #717741;
--color-daydream-700: #5a5f34;
--color-daydream-800: #434524;
--color-daydream-900: #2e3018;
--color-daydream-950: #1b1c09;
}SCSS
$daydream: #e3ebae;
$daydream-rgb: 227, 235, 174;
$daydream-light: mix(#fff, $daydream, 20%);
$daydream-dark: mix(#000, $daydream, 20%);
.element {
color: $daydream;
box-shadow: 0 0 0 2px rgba($daydream, 0.35);
}