Nächste benannte Farbe · #E0E6E5
#E0E6E5
Nächste benannte Farbe: Shaving Cream
#E0E6E5 (rgb(224 230 229), hsl(170 11% 89%), oklch(0.92 0.007 185.3)) liegt am nächsten an der benannten Farbe Shaving Cream. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E0E6E5
oklch(0.92 0.007 185.3)
Farbumrechnungen
- HEX
- #e0e6e5
- RGB
- rgb(224 230 229)
- HSL
- hsl(170 11% 89%)
- HWB
- hwb(170 88% 10%)
- OKLCH
- oklch(0.92 0.007 185.3)
- OKLab
- oklab(0.92 -0.007 -0.001)
- CIE Lab
- lab(90.81 -2.22 -0.25)
- LCH
- lch(90.81 2.23 186.4)
- CMYK
- cmyk(3% 0% 0% 10%)
Tints · Shades · Tones
Tints
- E3E8E8
- E6EBEA
- E9EDED
- ECF0EF
- EFF2F2
- F3F5F5
- F6F7F7
- F9FAFA
- FCFCFC
Shades
- C3C8C7
- A6ABAA
- 8A8E8E
- 707372
- 565958
- 3E403F
- 272828
- 121312
- 020303
Tones
- D6DBDA
- CCD1D0
- C2C6C6
- B8BCBB
- AFB2B1
- A5A7A7
- 9C9D9D
- 929393
- 898A8A
Farbharmonien
Komplementär +180°
- E0E6E5
Shaving Cream
- E9E3E4
≈ Antique Petal
Analog -30° +30°
- E0E6E5
Shaving Cream
- E1E6E3
≈ Blue Kiss
- E0E6E7
≈ Rarified Air
Triadisch +120° +240°
- E0E6E5
Shaving Cream
- E5E3E8
≈ Translucent White
- E8E4E0
≈ Fading Fog
Geteilt komplementär +150° +210°
- E0E6E5
Shaving Cream
- E7E3E6
≈ Winter Orchid
- E9E3E2
≈ Antique Petal
Tetradisch +90° +180° +270°
- E0E6E5
Shaving Cream
- E3E4E9
≈ Silver City
- E9E3E4
≈ Antique Petal
- E6E5E0
≈ Apollo Landing
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.61:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.61:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--shaving-cream: #e0e6e5;
--shaving-cream-rgb: 224 230 229;
--shaving-cream-oklch: oklch(0.92 0.007 185.3);
}
.element {
color: var(--shaving-cream);
background-color: hsl(170 11% 89%);
border-color: oklch(0.92 0.007 185.3);
}Tailwind CSS v4
@theme {
--color-shaving-cream: #e0e6e5;
--color-shaving-cream-50: #f3f6f5;
--color-shaving-cream-100: #e5e8e8;
--color-shaving-cream-200: #d1d5d5;
--color-shaving-cream-300: #b4b8b8;
--color-shaving-cream-400: #9aa09f;
--color-shaving-cream-500: #828887;
--color-shaving-cream-600: #6e7372;
--color-shaving-cream-700: #585c5b;
--color-shaving-cream-800: #404342;
--color-shaving-cream-900: #2c2e2e;
--color-shaving-cream-950: #191b1b;
}SCSS
$shaving-cream: #e0e6e5;
$shaving-cream-rgb: 224, 230, 229;
$shaving-cream-light: mix(#fff, $shaving-cream, 20%);
$shaving-cream-dark: mix(#000, $shaving-cream, 20%);
.element {
color: $shaving-cream;
box-shadow: 0 0 0 2px rgba($shaving-cream, 0.35);
}