Nächste benannte Farbe · #E2E8EA
#E2E8EA
Nächste benannte Farbe: Shaving Cream
#E2E8EA (rgb(226 232 234), hsl(195 16% 90%), oklch(0.927 0.007 219.6)) liegt am nächsten an der benannten Farbe Shaving Cream. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E2E8EA
oklch(0.927 0.007 219.6)
Farbumrechnungen
- HEX
- #e2e8ea
- RGB
- rgb(226 232 234)
- HSL
- hsl(195 16% 90%)
- HWB
- hwb(195 89% 8%)
- OKLCH
- oklch(0.927 0.007 219.6)
- OKLab
- oklab(0.927 -0.005 -0.004)
- CIE Lab
- lab(91.58 -1.8 -1.71)
- LCH
- lch(91.58 2.49 223.5)
- CMYK
- cmyk(3% 1% 0% 8%)
Tints · Shades · Tones
Tints
- E5EAEC
- E8EDEE
- EBEFF0
- EEF1F2
- F0F3F4
- F3F6F7
- F6F8F9
- F9FAFB
- FCFDFD
Shades
- C4CACB
- A8ACAE
- 8C9091
- 717475
- 57595A
- 3E4041
- 272929
- 121313
- 030303
Tones
- D8DDDF
- CED2D4
- C4C8C9
- BABDBE
- B0B3B4
- A6A8A9
- 9C9E9F
- 939494
- 898A8A
Farbharmonien
Komplementär +180°
- E2E8EA
Shaving Cream
- EBE5E3
≈ Winged Victory
Analog -30° +30°
- E2E8EA
Shaving Cream
- E2E8E8
≈ White Lake
- E3E7EB
≈ Little Dipper
Triadisch +120° +240°
- E2E8EA
Shaving Cream
- EAE5E8
≈ Orchid Mist
- E8E7E2
≈ Arctic Fox
Geteilt komplementär +150° +210°
- E2E8EA
Shaving Cream
- EBE5E6
≈ Lavender Pearl
- EAE6E2
≈ Soft Violet
Tetradisch +90° +180° +270°
- E2E8EA
Shaving Cream
- E8E6EA
≈ Pixie Wing
- EBE5E3
≈ Winged Victory
- E5E8E3
≈ Coastal Fog
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.23:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.96:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.96:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--shaving-cream: #e2e8ea;
--shaving-cream-rgb: 226 232 234;
--shaving-cream-oklch: oklch(0.927 0.007 219.6);
}
.element {
color: var(--shaving-cream);
background-color: hsl(195 16% 90%);
border-color: oklch(0.927 0.007 219.6);
}Tailwind CSS v4
@theme {
--color-shaving-cream: #e2e8ea;
--color-shaving-cream-50: #f3f6f6;
--color-shaving-cream-100: #e5e8e9;
--color-shaving-cream-200: #d1d5d6;
--color-shaving-cream-300: #b4b8ba;
--color-shaving-cream-400: #9a9fa1;
--color-shaving-cream-500: #818789;
--color-shaving-cream-600: #6d7274;
--color-shaving-cream-700: #575c5d;
--color-shaving-cream-800: #404344;
--color-shaving-cream-900: #2c2e2f;
--color-shaving-cream-950: #191b1b;
}SCSS
$shaving-cream: #e2e8ea;
$shaving-cream-rgb: 226, 232, 234;
$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);
}