Nächste benannte Farbe · #F4E1D8
#F4E1D8
Nächste benannte Farbe: Peachy Milk
#F4E1D8 (rgb(244 225 216), hsl(19 56% 90%), oklch(0.923 0.024 47.1)) liegt am nächsten an der benannten Farbe Peachy Milk. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F4E1D8
oklch(0.923 0.024 47.1)
Farbumrechnungen
- HEX
- #f4e1d8
- RGB
- rgb(244 225 216)
- HSL
- hsl(19 56% 90%)
- HWB
- hwb(19 85% 4%)
- OKLCH
- oklch(0.923 0.024 47.1)
- OKLab
- oklab(0.923 0.016 0.018)
- CIE Lab
- lab(90.9 5.63 6.89)
- LCH
- lch(90.9 8.9 50.7)
- CMYK
- cmyk(0% 8% 11% 4%)
Tints · Shades · Tones
Tints
- F5E4DC
- F6E7E0
- F7EAE4
- F9EDE8
- FAF0EB
- FBF3EF
- FCF6F3
- FDF9F7
- FEFCFB
Shades
- D4C4BC
- B5A7A0
- 978B85
- 7A706B
- 5E5653
- 443E3B
- 2B2725
- 141211
- 030202
Tones
- E8D7CF
- DCCDC6
- D0C3BD
- C4B9B4
- B8AFAB
- ADA6A2
- A19C9A
- 969391
- 8B8988
Farbharmonien
Komplementär +180°
- F4E1D8
Peachy Milk
- D6E9F2
≈ Spacious Skies
Analog -30° +30°
- F4E1D8
Peachy Milk
- F5DFE0
≈ Hint of Red
- EFE4D4
≈ Stone Pillar
Triadisch +120° +240°
- F4E1D8
Peachy Milk
- D7EBE2
≈ Green Emulsion
- E4E3F5
≈ Lavender Mist
Geteilt komplementär +150° +210°
- F4E1D8
Peachy Milk
- D4EBEB
≈ Sea Spray
- DBE6F6
≈ Icicle Veil
Tetradisch +90° +180° +270°
- F4E1D8
Peachy Milk
- DEEADA
≈ Mint Emulsion
- D6E9F2
≈ Spacious Skies
- ECE1F0
≈ Faded Fuchsia
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.60:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--peachy-milk: #f4e1d8;
--peachy-milk-rgb: 244 225 216;
--peachy-milk-oklch: oklch(0.923 0.024 47.1);
}
.element {
color: var(--peachy-milk);
background-color: hsl(19 56% 90%);
border-color: oklch(0.923 0.024 47.1);
}Tailwind CSS v4
@theme {
--color-peachy-milk: #f4e1d8;
--color-peachy-milk-50: #fbf3ef;
--color-peachy-milk-100: #efe6e1;
--color-peachy-milk-200: #ddd1cb;
--color-peachy-milk-300: #c2b4ad;
--color-peachy-milk-400: #ab9a92;
--color-peachy-milk-500: #948279;
--color-peachy-milk-600: #7e6e66;
--color-peachy-milk-700: #655852;
--color-peachy-milk-800: #4a403c;
--color-peachy-milk-900: #332c29;
--color-peachy-milk-950: #1f1917;
}SCSS
$peachy-milk: #f4e1d8;
$peachy-milk-rgb: 244, 225, 216;
$peachy-milk-light: mix(#fff, $peachy-milk, 20%);
$peachy-milk-dark: mix(#000, $peachy-milk, 20%);
.element {
color: $peachy-milk;
box-shadow: 0 0 0 2px rgba($peachy-milk, 0.35);
}