Benannte Farbe · #FAF7F0
Milk Jug
Milk Jug ist #FAF7F0: rgb(250 247 240), hsl(42 50% 96%), oklch(0.977 0.01 87.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Milk Jug color name →
#FAF7F0
oklch(0.977 0.01 87.5)
Farbumrechnungen
- HEX
- #faf7f0
- RGB
- rgb(250 247 240)
- HSL
- hsl(42 50% 96%)
- HWB
- hwb(42 94% 2%)
- OKLCH
- oklch(0.977 0.01 87.5)
- OKLab
- oklab(0.977 0 0.01)
- CIE Lab
- lab(97.32 0.14 3.75)
- LCH
- lch(97.32 3.75 87.9)
- CMYK
- cmyk(0% 1% 4% 2%)
Tints · Shades · Tones
Tints
- FAF8F1
- FBF9F3
- FBF9F4
- FCFAF6
- FCFBF7
- FDFCF9
- FDFDFA
- FEFDFC
- FEFEFD
Shades
- D9D7D1
- BAB7B2
- 9B9995
- 7D7C78
- 61605D
- 464543
- 2D2C2A
- 151514
- 030303
Tones
- EDEAE4
- E0DED9
- D4D2CD
- C7C6C2
- BBBAB6
- AFAEAB
- A3A2A0
- 979795
- 8B8B8B
Farbharmonien
Komplementär +180°
- FAF7F0
Milk Jug
- F4F7FE
≈ Mā White
Analog -30° +30°
- FAF7F0
Milk Jug
- FDF6F1
≈ Silver Bird
- F7F8F1
≈ Pure White
Triadisch +120° +240°
- FAF7F0
Milk Jug
- F0F9FB
≈ Distant Horizon
- FBF5FB
≈ Walkie Chalkie
Geteilt komplementär +150° +210°
- FAF7F0
Milk Jug
- F1F8FD
≈ Cotton Ball
- F8F6FD
≈ Walkie Chalkie
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.06:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 19.62:1 · APCA Lc 103
Beste Textfarbe: #000000
WCAG 19.62:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--milk-jug: #faf7f0;
--milk-jug-rgb: 250 247 240;
--milk-jug-oklch: oklch(0.977 0.01 87.5);
}
.element {
color: var(--milk-jug);
background-color: hsl(42 50% 96%);
border-color: oklch(0.977 0.01 87.5);
}Tailwind CSS v4
@theme {
--color-milk-jug: #faf7f0;
--color-milk-jug-50: #f6f5f2;
--color-milk-jug-100: #e9e8e4;
--color-milk-jug-200: #d6d4d0;
--color-milk-jug-300: #b9b7b2;
--color-milk-jug-400: #a19e98;
--color-milk-jug-500: #89867f;
--color-milk-jug-600: #74716c;
--color-milk-jug-700: #5d5b56;
--color-milk-jug-800: #44423f;
--color-milk-jug-900: #2f2e2b;
--color-milk-jug-950: #1b1a18;
}SCSS
$milk-jug: #faf7f0;
$milk-jug-rgb: 250, 247, 240;
$milk-jug-light: mix(#fff, $milk-jug, 20%);
$milk-jug-dark: mix(#000, $milk-jug, 20%);
.element {
color: $milk-jug;
box-shadow: 0 0 0 2px rgba($milk-jug, 0.35);
}