Benannte Farbe · #F8EDD7
Gracious
Gracious ist #F8EDD7: rgb(248 237 215), hsl(40 70% 91%), oklch(0.949 0.031 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gracious color name →
#F8EDD7
oklch(0.949 0.031 84.6)
Farbumrechnungen
- HEX
- #f8edd7
- RGB
- rgb(248 237 215)
- HSL
- hsl(40 70% 91%)
- HWB
- hwb(40 84% 3%)
- OKLCH
- oklch(0.949 0.031 84.6)
- OKLab
- oklab(0.949 0.003 0.031)
- CIE Lab
- lab(94.19 1.18 12.1)
- LCH
- lch(94.19 12.16 84.4)
- CMYK
- cmyk(0% 4% 13% 3%)
Tints · Shades · Tones
Tints
- F9EFDB
- F9F1DF
- FAF2E3
- FBF4E7
- FCF6EB
- FCF8EF
- FDFAF3
- FEFBF7
- FEFDFB
Shades
- D8CEBB
- B8B09F
- 9A9385
- 7C776B
- 605C52
- 45423B
- 2C2A25
- 151411
- 030302
Tones
- EBE2CE
- DFD6C5
- D3CBBC
- C6C0B3
- BAB5AB
- AEAAA2
- A29F99
- 979591
- 8B8A88
Farbharmonien
Komplementär +180°
- F8EDD7
Gracious
- E6EEFF
≈ Brilliant White
Analog -30° +30°
- F8EDD7
Gracious
- FFE9DC
≈ Guiding Star
- EDF1D9
≈ Moth’s Wing
Triadisch +120° +240°
- F8EDD7
Gracious
- D7F5F8
≈ Fishious Rend
- F9E7FA
≈ Soft Lavender
Geteilt komplementär +150° +210°
- F8EDD7
Gracious
- DCF2FF
≈ Wizard White
- EFEBFF
≈ Placebo Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.16:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 18.08:1 · APCA Lc 97
Beste Textfarbe: #000000
WCAG 18.08:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--gracious: #f8edd7;
--gracious-rgb: 248 237 215;
--gracious-oklch: oklch(0.949 0.031 84.6);
}
.element {
color: var(--gracious);
background-color: hsl(40 70% 91%);
border-color: oklch(0.949 0.031 84.6);
}Tailwind CSS v4
@theme {
--color-gracious: #f8edd7;
--color-gracious-50: #f9f5eb;
--color-gracious-100: #ece7dc;
--color-gracious-200: #dad4c5;
--color-gracious-300: #beb7a6;
--color-gracious-400: #a79d8a;
--color-gracious-500: #90856f;
--color-gracious-600: #7a705e;
--color-gracious-700: #615a4b;
--color-gracious-800: #484236;
--color-gracious-900: #322d25;
--color-gracious-950: #1e1a14;
}SCSS
$gracious: #f8edd7;
$gracious-rgb: 248, 237, 215;
$gracious-light: mix(#fff, $gracious, 20%);
$gracious-dark: mix(#000, $gracious, 20%);
.element {
color: $gracious;
box-shadow: 0 0 0 2px rgba($gracious, 0.35);
}