Benannte Farbe · #FBD9C4
Fire Mist
Fire Mist ist #FBD9C4: rgb(251 217 196), hsl(23 87% 88%), oklch(0.908 0.047 53.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Fire Mist color name →
#FBD9C4
oklch(0.908 0.047 53.6)
Farbumrechnungen
- HEX
- #fbd9c4
- RGB
- rgb(251 217 196)
- HSL
- hsl(23 87% 88%)
- HWB
- hwb(23 77% 2%)
- OKLCH
- oklch(0.908 0.047 53.6)
- OKLab
- oklab(0.908 0.028 0.038)
- CIE Lab
- lab(89.18 9.87 14.98)
- LCH
- lch(89.18 17.94 56.6)
- CMYK
- cmyk(0% 14% 22% 2%)
Tints · Shades · Tones
Tints
- FCDDCA
- FCE1D0
- FDE4D6
- FDE8DC
- FDECE1
- FEF0E7
- FEF4ED
- FEF7F3
- FFFBF9
Shades
- DABCAA
- BAA191
- 9C8678
- 7E6C61
- 61534A
- 463B35
- 2D2521
- 15110E
- 030202
Tones
- EED0BD
- E1C7B6
- D5BEAF
- C8B4A8
- BCACA2
- B0A39B
- A49A94
- 98918D
- 8C8987
Farbharmonien
Komplementär +180°
- FBD9C4
Fire Mist
- C3E7FC
≈ Icy Landscape
Analog -30° +30°
- FBD9C4
Fire Mist
- FFD5D2
≈ Pink Clay
- F0DFBE
≈ Alabaster Gleam
Triadisch +120° +240°
- FBD9C4
Fire Mist
- C2ECDE
≈ Mint Tulip
- E2DBFE
≈ Transparent Blue
Geteilt komplementär +150° +210°
- FBD9C4
Fire Mist
- BDEBEF
≈ Cold Blooded
- D2E1FF
≈ Arc Light
Tetradisch +90° +180° +270°
- FBD9C4
Fire Mist
- CFE9CD
≈ Applemint
- C3E7FC
≈ Icy Landscape
- F1D7F3
≈ Scented Spring
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.32:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.82:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.82:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--fire-mist: #fbd9c4;
--fire-mist-rgb: 251 217 196;
--fire-mist-oklch: oklch(0.908 0.047 53.6);
}
.element {
color: var(--fire-mist);
background-color: hsl(23 87% 88%);
border-color: oklch(0.908 0.047 53.6);
}Tailwind CSS v4
@theme {
--color-fire-mist: #fbd9c4;
--color-fire-mist-50: #fff2e9;
--color-fire-mist-100: #f5e4d9;
--color-fire-mist-200: #e5d0c1;
--color-fire-mist-300: #cbb2a1;
--color-fire-mist-400: #b69785;
--color-fire-mist-500: #a07e69;
--color-fire-mist-600: #876b59;
--color-fire-mist-700: #6c5547;
--color-fire-mist-800: #503e33;
--color-fire-mist-900: #382b23;
--color-fire-mist-950: #221812;
}SCSS
$fire-mist: #fbd9c4;
$fire-mist-rgb: 251, 217, 196;
$fire-mist-light: mix(#fff, $fire-mist, 20%);
$fire-mist-dark: mix(#000, $fire-mist, 20%);
.element {
color: $fire-mist;
box-shadow: 0 0 0 2px rgba($fire-mist, 0.35);
}