Nächste benannte Farbe · #E7E2E5
#E7E2E5
Nächste benannte Farbe: Chrome
#E7E2E5 (rgb(231 226 229), hsl(324 9% 90%), oklch(0.918 0.007 340.4)) liegt am nächsten an der benannten Farbe Chrome. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E7E2E5
oklch(0.918 0.007 340.4)
Farbumrechnungen
- HEX
- #e7e2e5
- RGB
- rgb(231 226 229)
- HSL
- hsl(324 9% 90%)
- HWB
- hwb(324 89% 9%)
- OKLCH
- oklch(0.918 0.007 340.4)
- OKLab
- oklab(0.918 0.006 -0.002)
- CIE Lab
- lab(90.34 2.15 -0.84)
- LCH
- lch(90.34 2.3 338.7)
- CMYK
- cmyk(0% 2% 1% 9%)
Tints · Shades · Tones
Tints
- E9E5E8
- ECE8EA
- EEEBED
- F1EEEF
- F3F0F2
- F5F3F5
- F8F6F7
- FAF9FA
- FDFCFC
Shades
- C9C4C7
- ABA8AA
- 8F8C8E
- 737172
- 595758
- 403E3F
- 282728
- 131212
- 030303
Tones
- DCD8DA
- D2CED0
- C7C4C6
- BCBABB
- B2B0B1
- A8A6A7
- 9E9C9D
- 949393
- 8A898A
Farbharmonien
Komplementär +180°
- E7E2E5
Chrome
- E0E5E2
≈ Icy Bay
Analog -30° +30°
- E7E2E5
Chrome
- E5E2E7
≈ Violet Hush
- E8E2E3
≈ Antique Petal
Triadisch +120° +240°
- E7E2E5
Chrome
- E5E4DF
≈ Felicity
- DFE5E7
≈ Austrian Ice
Geteilt komplementär +150° +210°
- E7E2E5
Chrome
- E2E5E0
≈ Canyon Wind
- DFE5E5
≈ Moon Garden
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.40:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--chrome: #e7e2e5;
--chrome-rgb: 231 226 229;
--chrome-oklch: oklch(0.918 0.007 340.4);
}
.element {
color: var(--chrome);
background-color: hsl(324 9% 90%);
border-color: oklch(0.918 0.007 340.4);
}Tailwind CSS v4
@theme {
--color-chrome: #e7e2e5;
--color-chrome-50: #f6f4f5;
--color-chrome-100: #e9e7e8;
--color-chrome-200: #d6d3d5;
--color-chrome-300: #bab6b8;
--color-chrome-400: #a19d9f;
--color-chrome-500: #898487;
--color-chrome-600: #747073;
--color-chrome-700: #5d5a5c;
--color-chrome-800: #444143;
--color-chrome-900: #2f2d2e;
--color-chrome-950: #1b1a1b;
}SCSS
$chrome: #e7e2e5;
$chrome-rgb: 231, 226, 229;
$chrome-light: mix(#fff, $chrome, 20%);
$chrome-dark: mix(#000, $chrome, 20%);
.element {
color: $chrome;
box-shadow: 0 0 0 2px rgba($chrome, 0.35);
}