Benannte Farbe · #E4EEEB
White Sapphire
White Sapphire ist #E4EEEB: rgb(228 238 235), hsl(162 23% 91%), oklch(0.941 0.011 176.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · White Sapphire color name →
#E4EEEB
oklch(0.941 0.011 176.3)
Farbumrechnungen
- HEX
- #e4eeeb
- RGB
- rgb(228 238 235)
- HSL
- hsl(162 23% 91%)
- HWB
- hwb(162 89% 7%)
- OKLCH
- oklch(0.941 0.011 176.3)
- OKLab
- oklab(0.941 -0.011 0.001)
- CIE Lab
- lab(93.27 -3.85 0.24)
- LCH
- lch(93.27 3.85 176.4)
- CMYK
- cmyk(4% 0% 1% 7%)
Tints · Shades · Tones
Tints
- E7F0ED
- E9F1EF
- ECF3F1
- EFF5F3
- F1F6F5
- F4F8F7
- F7FAF9
- FAFCFB
- FCFDFD
Shades
- C6CFCC
- A9B1AE
- 8D9391
- 727775
- 585C5B
- 3F4241
- 282A29
- 121413
- 030303
Tones
- DAE2E0
- CFD7D5
- C5CCCA
- BBC1BF
- B1B5B4
- A7AAA9
- 9DA09F
- 939594
- 8A8A8A
Farbharmonien
Komplementär +180°
- E4EEEB
White Sapphire
- F2E8EB
≈ Rose Fantasy
Analog -30° +30°
- E4EEEB
White Sapphire
- E7EEE7
≈ Gossamer Wings
- E3EEEF
≈ Faraway Blue
Triadisch +120° +240°
- E4EEEB
White Sapphire
- ECEAF2
≈ Greek Goddess
- F2EAE4
≈ Sauvignon
Geteilt komplementär +150° +210°
- E4EEEB
White Sapphire
- F0E9EF
≈ Greek Goddess
- F3E9E7
≈ White Christmas
Tetradisch +90° +180° +270°
- E4EEEB
White Sapphire
- E8EBF3
≈ Solitude
- F2E8EB
≈ Rose Fantasy
- EFEBE3
≈ Linen Ruffle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.72:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.72:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--white-sapphire: #e4eeeb;
--white-sapphire-rgb: 228 238 235;
--white-sapphire-oklch: oklch(0.941 0.011 176.3);
}
.element {
color: var(--white-sapphire);
background-color: hsl(162 23% 91%);
border-color: oklch(0.941 0.011 176.3);
}Tailwind CSS v4
@theme {
--color-white-sapphire: #e4eeeb;
--color-white-sapphire-50: #f2f6f5;
--color-white-sapphire-100: #e4e9e8;
--color-white-sapphire-200: #cfd6d4;
--color-white-sapphire-300: #b2b9b7;
--color-white-sapphire-400: #98a19e;
--color-white-sapphire-500: #7f8986;
--color-white-sapphire-600: #6b7471;
--color-white-sapphire-700: #565d5b;
--color-white-sapphire-800: #3f4442;
--color-white-sapphire-900: #2b2f2e;
--color-white-sapphire-950: #181b1a;
}SCSS
$white-sapphire: #e4eeeb;
$white-sapphire-rgb: 228, 238, 235;
$white-sapphire-light: mix(#fff, $white-sapphire, 20%);
$white-sapphire-dark: mix(#000, $white-sapphire, 20%);
.element {
color: $white-sapphire;
box-shadow: 0 0 0 2px rgba($white-sapphire, 0.35);
}