Nächste benannte Farbe · #EFE8EB
#EFE8EB
Nächste benannte Farbe: Bride
#EFE8EB (rgb(239 232 235), hsl(334 18% 92%), oklch(0.937 0.009 349.3)) liegt am nächsten an der benannten Farbe Bride. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#EFE8EB
oklch(0.937 0.009 349.3)
Farbumrechnungen
- HEX
- #efe8eb
- RGB
- rgb(239 232 235)
- HSL
- hsl(334 18% 92%)
- HWB
- hwb(334 91% 6%)
- OKLCH
- oklch(0.937 0.009 349.3)
- OKLab
- oklab(0.937 0.008 -0.002)
- CIE Lab
- lab(92.61 2.83 -0.58)
- LCH
- lch(92.61 2.89 348.5)
- CMYK
- cmyk(0% 3% 2% 6%)
Tints · Shades · Tones
Tints
- F1EAED
- F2EDEF
- F4EFF1
- F5F1F3
- F7F3F5
- F9F6F7
- FAF8F9
- FCFAFB
- FDFDFD
Shades
- D0CACC
- B1ACAE
- 949091
- 787475
- 5C595B
- 424041
- 2A2929
- 141313
- 030303
Tones
- E3DDE0
- D8D2D5
- CCC8CA
- C1BDBF
- B6B3B4
- ABA8A9
- A09E9F
- 959494
- 8B8A8A
Farbharmonien
Komplementär +180°
- EFE8EB
Bride
- E5ECE9
≈ Morning Song
Analog -30° +30°
- EFE8EB
Bride
- EDE8EE
≈ Greek Goddess
- F0E8E8
≈ Frosty Morning
Triadisch +120° +240°
- EFE8EB
Bride
- EAEBE4
≈ High Hide White
- E5EBEF
≈ Blizzard
Geteilt komplementär +150° +210°
- EFE8EB
Bride
- E7ECE6
≈ Bone Dust
- E4ECEC
≈ Aquafir
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.20:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.41:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.41:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--bride: #efe8eb;
--bride-rgb: 239 232 235;
--bride-oklch: oklch(0.937 0.009 349.3);
}
.element {
color: var(--bride);
background-color: hsl(334 18% 92%);
border-color: oklch(0.937 0.009 349.3);
}Tailwind CSS v4
@theme {
--color-bride: #efe8eb;
--color-bride-50: #f7f4f5;
--color-bride-100: #eae7e8;
--color-bride-200: #d7d3d4;
--color-bride-300: #bbb6b8;
--color-bride-400: #a39c9f;
--color-bride-500: #8b8487;
--color-bride-600: #757072;
--color-bride-700: #5e595b;
--color-bride-800: #454143;
--color-bride-900: #2f2d2e;
--color-bride-950: #1c1a1b;
}SCSS
$bride: #efe8eb;
$bride-rgb: 239, 232, 235;
$bride-light: mix(#fff, $bride, 20%);
$bride-dark: mix(#000, $bride, 20%);
.element {
color: $bride;
box-shadow: 0 0 0 2px rgba($bride, 0.35);
}