Benannte Farbe · #EBEAED
Lace Cap
Lace Cap ist #EBEAED: rgb(235 234 237), hsl(260 8% 92%), oklch(0.939 0.004 301.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lace Cap color name →
#EBEAED
oklch(0.939 0.004 301.4)
Farbumrechnungen
- HEX
- #ebeaed
- RGB
- rgb(235 234 237)
- HSL
- hsl(260 8% 92%)
- HWB
- hwb(260 92% 7%)
- OKLCH
- oklch(0.939 0.004 301.4)
- OKLab
- oklab(0.939 0.002 -0.004)
- CIE Lab
- lab(92.84 0.75 -1.33)
- LCH
- lch(92.84 1.53 299.2)
- CMYK
- cmyk(1% 1% 0% 7%)
Tints · Shades · Tones
Tints
- EDECEF
- EFEEF1
- F1F0F2
- F3F2F4
- F5F4F6
- F7F7F8
- F9F9FA
- FBFBFB
- FDFDFD
Shades
- CCCBCE
- AEAEB0
- 919193
- 757577
- 5B5A5C
- 414142
- 29292A
- 131314
- 030303
Tones
- E0DFE2
- D5D4D6
- CAC9CB
- BFBEC0
- B4B4B5
- A9A9AA
- 9F9F9F
- 949495
- 8A8A8A
Farbharmonien
Komplementär +180°
- EBEAED
Lace Cap
- EAEBE8
≈ Dashing
Analog -30° +30°
- EBEAED
Lace Cap
- EAEBED
≈ Lavendar Wisp
- ECEAEC
≈ Amethyst Cream
Triadisch +120° +240°
- EBEAED
Lace Cap
- EDEAE8
≈ NYC Apartment Wall
- E8ECEB
≈ Silver Sky
Geteilt komplementär +150° +210°
- EBEAED
Lace Cap
- ECEBE8
≈ Mystic White
- E9EBE9
≈ Celestial Glow
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.19:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.52:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.52:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--lace-cap: #ebeaed;
--lace-cap-rgb: 235 234 237;
--lace-cap-oklch: oklch(0.939 0.004 301.4);
}
.element {
color: var(--lace-cap);
background-color: hsl(260 8% 92%);
border-color: oklch(0.939 0.004 301.4);
}Tailwind CSS v4
@theme {
--color-lace-cap: #ebeaed;
--color-lace-cap-50: #f5f5f6;
--color-lace-cap-100: #e8e7e9;
--color-lace-cap-200: #d4d4d6;
--color-lace-cap-300: #b8b7b9;
--color-lace-cap-400: #9f9ea0;
--color-lace-cap-500: #868588;
--color-lace-cap-600: #727173;
--color-lace-cap-700: #5b5a5c;
--color-lace-cap-800: #424244;
--color-lace-cap-900: #2e2e2f;
--color-lace-cap-950: #1b1a1b;
}SCSS
$lace-cap: #ebeaed;
$lace-cap-rgb: 235, 234, 237;
$lace-cap-light: mix(#fff, $lace-cap, 20%);
$lace-cap-dark: mix(#000, $lace-cap, 20%);
.element {
color: $lace-cap;
box-shadow: 0 0 0 2px rgba($lace-cap, 0.35);
}