Named color · #FAF3E6
Milk Moustache
Milk Moustache is #FAF3E6: rgb(250 243 230), hsl(39 67% 94%), oklch(0.966 0.019 83.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Milk Moustache color name →
#FAF3E6
oklch(0.966 0.019 83.1)
Color conversions
- HEX
- #faf3e6
- RGB
- rgb(250 243 230)
- HSL
- hsl(39 67% 94%)
- HWB
- hwb(39 90% 2%)
- OKLCH
- oklch(0.966 0.019 83.1)
- OKLab
- oklab(0.966 0.002 0.019)
- CIE Lab
- lab(96.13 0.8 7.17)
- LCH
- lch(96.13 7.21 83.6)
- CMYK
- cmyk(0% 3% 8% 2%)
Tints · Shades · Tones
Tints
- FBF4E9
- FBF5EB
- FCF7EE
- FCF8F0
- FDF9F2
- FDFAF5
- FEFBF7
- FEFDFA
- FFFEFC
Shades
- D9D3C8
- BAB4AB
- 9B978E
- 7D7A73
- 615E59
- 464440
- 2D2B28
- 151413
- 030303
Tones
- EDE7DB
- E0DBD1
- D4CFC6
- C7C3BC
- BBB8B2
- AFACA8
- A3A19D
- 979694
- 8B8B8A
Color harmonies
Complementary +180°
- FAF3E6
Milk Moustache
- EEF4FF
≈ Placebo Blue
Analogous -30° +30°
- FAF3E6
Milk Moustache
- FFF1E8
≈ Pico Ivory
- F3F5E7
≈ Applemint Soda
Triadic +120° +240°
- FAF3E6
Milk Moustache
- E6F8F9
≈ Calm Waters
- FAF0FB
≈ Cloud Break
Split-complementary +150° +210°
- FAF3E6
Milk Moustache
- E8F6FF
≈ Kodama White
- F4F2FF
≈ Cloud Break
Tetradic +90° +180° +270°
- FAF3E6
Milk Moustache
- E8F8F3
≈ Melting Glacier
- EEF4FF
≈ Placebo Blue
- FFEFF5
≈ Lavender Blush
Contrast & accessibility
Ag
FailOn white
WCAG 1.10:1 · APCA Lc 0
Ag
AAAOn black
WCAG 19.02:1 · APCA Lc 100
Best text color: #000000
WCAG 19.02:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--milk-moustache: #faf3e6;
--milk-moustache-rgb: 250 243 230;
--milk-moustache-oklch: oklch(0.966 0.019 83.1);
}
.element {
color: var(--milk-moustache);
background-color: hsl(39 67% 94%);
border-color: oklch(0.966 0.019 83.1);
}Tailwind CSS v4
@theme {
--color-milk-moustache: #faf3e6;
--color-milk-moustache-50: #f7f5ef;
--color-milk-moustache-100: #ebe7e1;
--color-milk-moustache-200: #d8d4cb;
--color-milk-moustache-300: #bcb7ad;
--color-milk-moustache-400: #a49e92;
--color-milk-moustache-500: #8c8578;
--color-milk-moustache-600: #777166;
--color-milk-moustache-700: #5f5a51;
--color-milk-moustache-800: #46423b;
--color-milk-moustache-900: #302d29;
--color-milk-moustache-950: #1c1a16;
}SCSS
$milk-moustache: #faf3e6;
$milk-moustache-rgb: 250, 243, 230;
$milk-moustache-light: mix(#fff, $milk-moustache, 20%);
$milk-moustache-dark: mix(#000, $milk-moustache, 20%);
.element {
color: $milk-moustache;
box-shadow: 0 0 0 2px rgba($milk-moustache, 0.35);
}