Colore con nome più vicino · #EBEDE8
#EBEDE8
Colore con nome più vicino: Pegasus
#EBEDE8 (rgb(235 237 232), hsl(84 12% 92%), oklch(0.943 0.007 124.5)) è più vicino al colore con nome Pegasus. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#EBEDE8
oklch(0.943 0.007 124.5)
Conversioni di colore
- HEX
- #ebede8
- RGB
- rgb(235 237 232)
- HSL
- hsl(84 12% 92%)
- HWB
- hwb(84 91% 7%)
- OKLCH
- oklch(0.943 0.007 124.5)
- OKLab
- oklab(0.943 -0.004 0.006)
- CIE Lab
- lab(93.49 -1.35 2.18)
- LCH
- lch(93.49 2.57 121.8)
- CMYK
- cmyk(1% 0% 2% 7%)
Tinte · Ombre · Toni
Tinte
- EDEFEA
- EFF1ED
- F1F2EF
- F3F4F1
- F5F6F3
- F7F8F6
- F9FAF8
- FBFBFA
- FDFDFD
Ombre
- CCCECA
- AEB0AC
- 919390
- 757774
- 5B5C59
- 414240
- 292A29
- 131413
- 030303
Toni
- E0E2DD
- D5D6D2
- CACBC8
- BFC0BD
- B4B5B3
- A9AAA8
- 9F9F9E
- 949594
- 8A8A8A
Armonie di colore
Complementare +180°
- EBEDE8
Pegasus
- EDEBF0
≈ Bright Grey
Analogo -30° +30°
- EBEDE8
Pegasus
- EEECE7
≈ Metropolitan White
- E9EEEA
≈ Snail Trail Silver
Triadico +120° +240°
- EBEDE8
Pegasus
- E8EDF1
≈ Walls of Santorini
- F1EAEB
≈ Charolais Cattle
Complementare divisa +150° +210°
- EBEDE8
Pegasus
- EBECF1
≈ Bright Grey
- EFEAEE
≈ Greek Goddess
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.81:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.81:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--pegasus: #ebede8;
--pegasus-rgb: 235 237 232;
--pegasus-oklch: oklch(0.943 0.007 124.5);
}
.element {
color: var(--pegasus);
background-color: hsl(84 12% 92%);
border-color: oklch(0.943 0.007 124.5);
}Tailwind CSS v4
@theme {
--color-pegasus: #ebede8;
--color-pegasus-50: #f4f5f3;
--color-pegasus-100: #e7e8e6;
--color-pegasus-200: #d3d5d2;
--color-pegasus-300: #b6b8b4;
--color-pegasus-400: #9d9f9b;
--color-pegasus-500: #858782;
--color-pegasus-600: #71726e;
--color-pegasus-700: #5a5b58;
--color-pegasus-800: #424340;
--color-pegasus-900: #2d2e2c;
--color-pegasus-950: #1a1b19;
}SCSS
$pegasus: #ebede8;
$pegasus-rgb: 235, 237, 232;
$pegasus-light: mix(#fff, $pegasus, 20%);
$pegasus-dark: mix(#000, $pegasus, 20%);
.element {
color: $pegasus;
box-shadow: 0 0 0 2px rgba($pegasus, 0.35);
}