Colore con nome · #E0DED8
Seagull
Seagull è #E0DED8: rgb(224 222 216), hsl(45 11% 86%), oklch(0.9 0.008 91.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Seagull color name →
#E0DED8
oklch(0.9 0.008 91.5)
Conversioni di colore
- HEX
- #e0ded8
- RGB
- rgb(224 222 216)
- HSL
- hsl(45 11% 86%)
- HWB
- hwb(45 85% 12%)
- OKLCH
- oklch(0.9 0.008 91.5)
- OKLab
- oklab(0.9 0 0.008)
- CIE Lab
- lab(88.5 -0.08 3.2)
- LCH
- lch(88.5 3.2 91.5)
- CMYK
- cmyk(0% 1% 4% 12%)
Tinte · Ombre · Toni
Tinte
- E3E1DC
- E6E5E0
- E9E8E4
- ECEBE7
- EFEEEB
- F3F2EF
- F6F5F3
- F9F8F7
- FCFCFB
Ombre
- C3C1BC
- A6A5A0
- 8A8985
- 706F6B
- 565553
- 3E3D3B
- 272625
- 121211
- 020202
Toni
- D6D4CF
- CCCAC6
- C2C1BD
- B8B7B4
- AFAEAB
- A5A4A2
- 9C9B9A
- 929291
- 898988
Armonie di colore
Complementare +180°
- E0DED8
Seagull
- DCDEE4
≈ Terminator Chrome
Analogo -30° +30°
- E0DED8
Seagull
- E2DDD9
≈ Prelude to Pink
- DDDFD9
≈ Angel Touch
Triadico +120° +240°
- E0DED8
Seagull
- D8E0E1
≈ Blue Smoke
- E2DCE1
≈ Rusty Pebble
Complementare divisa +150° +210°
- E0DED8
Seagull
- D9DFE3
≈ Chickweed
- DFDDE3
≈ Mechagodzilla
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.60:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--seagull: #e0ded8;
--seagull-rgb: 224 222 216;
--seagull-oklch: oklch(0.9 0.008 91.5);
}
.element {
color: var(--seagull);
background-color: hsl(45 11% 86%);
border-color: oklch(0.9 0.008 91.5);
}Tailwind CSS v4
@theme {
--color-seagull: #e0ded8;
--color-seagull-50: #f6f5f2;
--color-seagull-100: #e9e8e5;
--color-seagull-200: #d5d4d0;
--color-seagull-300: #b9b7b3;
--color-seagull-400: #a09e99;
--color-seagull-500: #888680;
--color-seagull-600: #73716c;
--color-seagull-700: #5c5b57;
--color-seagull-800: #43423f;
--color-seagull-900: #2f2e2b;
--color-seagull-950: #1b1a19;
}SCSS
$seagull: #e0ded8;
$seagull-rgb: 224, 222, 216;
$seagull-light: mix(#fff, $seagull, 20%);
$seagull-dark: mix(#000, $seagull, 20%);
.element {
color: $seagull;
box-shadow: 0 0 0 2px rgba($seagull, 0.35);
}