Nazwany kolor · #EBEDE7
Simply White
Simply White to #EBEDE7: rgb(235 237 231), hsl(80 14% 92%), oklch(0.943 0.008 121.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Simply White color name →
#EBEDE7
oklch(0.943 0.008 121.6)
Konwersje koloru
- HEX
- #ebede7
- RGB
- rgb(235 237 231)
- HSL
- hsl(80 14% 92%)
- HWB
- hwb(80 91% 7%)
- OKLCH
- oklch(0.943 0.008 121.6)
- OKLab
- oklab(0.943 -0.004 0.007)
- CIE Lab
- lab(93.47 -1.48 2.67)
- LCH
- lch(93.47 3.05 119)
- CMYK
- cmyk(1% 0% 3% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDEFE9
- EFF1EC
- F1F2EE
- F3F4F1
- F5F6F3
- F7F8F5
- F9FAF8
- FBFBFA
- FDFDFD
Odcienie ciemniejsze
- CCCEC9
- AEB0AB
- 91938F
- 757773
- 5B5C59
- 414240
- 292A28
- 131413
- 030303
Tony
- E0E2DC
- D5D6D2
- CACBC7
- BFC0BC
- B4B5B2
- A9AAA8
- 9F9F9E
- 949594
- 8A8A8A
Harmonie kolorów
Komplementarna +180°
- EBEDE7
Simply White
- EDEBF1
≈ Bright Grey
Analogowa -30° +30°
- EBEDE7
Simply White
- EEECE6
≈ Commercial White
- E8EEE9
≈ Gossamer Wings
Triada +120° +240°
- EBEDE7
Simply White
- E7EDF1
≈ Morning Mist
- F1EAEC
≈ Charolais Cattle
Komplementarna rozszczepiona +150° +210°
- EBEDE7
Simply White
- EAECF2
≈ Solitude
- F0EAEF
≈ Greek Goddess
Tetrada +90° +180° +270°
- EBEDE7
Simply White
- E6EEEF
≈ Brooklet
- EDEBF1
≈ Bright Grey
- F2EAE9
≈ Opulent Opal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.17:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.80:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.80:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--simply-white: #ebede7;
--simply-white-rgb: 235 237 231;
--simply-white-oklch: oklch(0.943 0.008 121.6);
}
.element {
color: var(--simply-white);
background-color: hsl(80 14% 92%);
border-color: oklch(0.943 0.008 121.6);
}Tailwind CSS v4
@theme {
--color-simply-white: #ebede7;
--color-simply-white-50: #f4f5f3;
--color-simply-white-100: #e7e8e5;
--color-simply-white-200: #d3d5d1;
--color-simply-white-300: #b6b8b3;
--color-simply-white-400: #9d9f9a;
--color-simply-white-500: #858781;
--color-simply-white-600: #71726d;
--color-simply-white-700: #5a5b57;
--color-simply-white-800: #424340;
--color-simply-white-900: #2d2e2c;
--color-simply-white-950: #1a1b19;
}SCSS
$simply-white: #ebede7;
$simply-white-rgb: 235, 237, 231;
$simply-white-light: mix(#fff, $simply-white, 20%);
$simply-white-dark: mix(#000, $simply-white, 20%);
.element {
color: $simply-white;
box-shadow: 0 0 0 2px rgba($simply-white, 0.35);
}