Nächste benannte Farbe · #F3EBE7
#F3EBE7
Nächste benannte Farbe: Holy Ghost
#F3EBE7 (rgb(243 235 231), hsl(20 33% 93%), oklch(0.945 0.01 48.6)) liegt am nächsten an der benannten Farbe Holy Ghost. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F3EBE7
oklch(0.945 0.01 48.6)
Farbumrechnungen
- HEX
- #f3ebe7
- RGB
- rgb(243 235 231)
- HSL
- hsl(20 33% 93%)
- HWB
- hwb(20 91% 5%)
- OKLCH
- oklch(0.945 0.01 48.6)
- OKLab
- oklab(0.945 0.007 0.008)
- CIE Lab
- lab(93.6 2.28 2.96)
- LCH
- lch(93.6 3.73 52.4)
- CMYK
- cmyk(0% 3% 5% 5%)
Tints · Shades · Tones
Tints
- F4EDE9
- F5EFEC
- F7F1EE
- F8F3F1
- F9F5F3
- FAF7F5
- FBF9F8
- FDFBFA
- FEFDFD
Shades
- D3CCC9
- B4AEAB
- 97918F
- 7A7573
- 5E5B59
- 444140
- 2B2928
- 141313
- 030303
Tones
- E7E0DC
- DBD5D2
- CFCAC7
- C3BFBC
- B8B4B2
- ACA9A8
- A19F9E
- 969494
- 8B8A8A
Farbharmonien
Komplementär +180°
- F3EBE7
Holy Ghost
- E6EEF2
≈ Morning Mist
Analog -30° +30°
- F3EBE7
Holy Ghost
- F4EAEA
≈ Pampered Princess
- F1ECE5
≈ Ibis White
Triadisch +120° +240°
- F3EBE7
Holy Ghost
- E7EFEC
≈ Polar White
- ECECF4
≈ Silver Phoenix
Geteilt komplementär +150° +210°
- F3EBE7
Holy Ghost
- E5EFEF
≈ Sheikh Zayed White
- E9EDF4
≈ Coconut White
Tetradisch +90° +180° +270°
- F3EBE7
Holy Ghost
- EAEFE8
≈ Hurricane Mist
- E6EEF2
≈ Morning Mist
- F0EBF1
≈ Violet Clues
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.17:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 17.84:1 · APCA Lc 96
Beste Textfarbe: #000000
WCAG 17.84:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--holy-ghost: #f3ebe7;
--holy-ghost-rgb: 243 235 231;
--holy-ghost-oklch: oklch(0.945 0.01 48.6);
}
.element {
color: var(--holy-ghost);
background-color: hsl(20 33% 93%);
border-color: oklch(0.945 0.01 48.6);
}Tailwind CSS v4
@theme {
--color-holy-ghost: #f3ebe7;
--color-holy-ghost-50: #f8f4f2;
--color-holy-ghost-100: #ebe7e5;
--color-holy-ghost-200: #d8d3d0;
--color-holy-ghost-300: #bcb6b3;
--color-holy-ghost-400: #a49d99;
--color-holy-ghost-500: #8c8480;
--color-holy-ghost-600: #77706d;
--color-holy-ghost-700: #5f5a57;
--color-holy-ghost-800: #46413f;
--color-holy-ghost-900: #302d2c;
--color-holy-ghost-950: #1c1a19;
}SCSS
$holy-ghost: #f3ebe7;
$holy-ghost-rgb: 243, 235, 231;
$holy-ghost-light: mix(#fff, $holy-ghost, 20%);
$holy-ghost-dark: mix(#000, $holy-ghost, 20%);
.element {
color: $holy-ghost;
box-shadow: 0 0 0 2px rgba($holy-ghost, 0.35);
}