Benannte Farbe · #F8EED6
Mist Yellow
Mist Yellow ist #F8EED6: rgb(248 238 214), hsl(42 71% 91%), oklch(0.951 0.033 88.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mist Yellow color name →
#F8EED6
oklch(0.951 0.033 88.1)
Farbumrechnungen
- HEX
- #f8eed6
- RGB
- rgb(248 238 214)
- HSL
- hsl(42 71% 91%)
- HWB
- hwb(42 84% 3%)
- OKLCH
- oklch(0.951 0.033 88.1)
- OKLab
- oklab(0.951 0.001 0.033)
- CIE Lab
- lab(94.42 0.59 12.93)
- LCH
- lch(94.42 12.95 87.4)
- CMYK
- cmyk(0% 4% 14% 3%)
Tints · Shades · Tones
Tints
- F9F0DA
- F9F1DE
- FAF3E2
- FBF5E6
- FCF7EB
- FCF8EF
- FDFAF3
- FEFCF7
- FEFDFB
Shades
- D8CFBA
- B8B19E
- 9A9384
- 7C776A
- 605C52
- 45423B
- 2C2A25
- 151410
- 030302
Tones
- EBE2CD
- DFD7C4
- D3CCBB
- C6C1B3
- BAB5AA
- AEABA2
- A2A099
- 979591
- 8B8A88
Farbharmonien
Komplementär +180°
- F8EED6
Mist Yellow
- E8EFFF
≈ Brilliant White
Analog -30° +30°
- F8EED6
Mist Yellow
- FFEADC
≈ Guiding Star
- ECF2D9
≈ Tokyo Underground
Triadisch +120° +240°
- F8EED6
Mist Yellow
- D6F6FA
≈ Fishious Rend
- FCE7FA
≈ Dolomite Crystal
Geteilt komplementär +150° +210°
- F8EED6
Mist Yellow
- DFF2FF
≈ Wizard White
- F0EBFF
≈ Placebo Purple
Tetradisch +90° +180° +270°
- F8EED6
Mist Yellow
- D8F7EF
≈ Diluted Mint
- E8EFFF
≈ Brilliant White
- FFE8EE
≈ Rose Mochi
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.15:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.19:1 · APCA Lc 97
Beste Textfarbe: #000000
WCAG 18.19:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--mist-yellow: #f8eed6;
--mist-yellow-rgb: 248 238 214;
--mist-yellow-oklch: oklch(0.951 0.033 88.1);
}
.element {
color: var(--mist-yellow);
background-color: hsl(42 71% 91%);
border-color: oklch(0.951 0.033 88.1);
}Tailwind CSS v4
@theme {
--color-mist-yellow: #f8eed6;
--color-mist-yellow-50: #f9f5eb;
--color-mist-yellow-100: #ece8dc;
--color-mist-yellow-200: #dad4c5;
--color-mist-yellow-300: #beb7a5;
--color-mist-yellow-400: #a79e88;
--color-mist-yellow-500: #8f856d;
--color-mist-yellow-600: #79715d;
--color-mist-yellow-700: #615a4a;
--color-mist-yellow-800: #474235;
--color-mist-yellow-900: #322d24;
--color-mist-yellow-950: #1d1a13;
}SCSS
$mist-yellow: #f8eed6;
$mist-yellow-rgb: 248, 238, 214;
$mist-yellow-light: mix(#fff, $mist-yellow, 20%);
$mist-yellow-dark: mix(#000, $mist-yellow, 20%);
.element {
color: $mist-yellow;
box-shadow: 0 0 0 2px rgba($mist-yellow, 0.35);
}