Named color · #FEFFE3
Skimmed Milk White
Skimmed Milk White is #FEFFE3: rgb(254 255 227), hsl(62 100% 95%), oklch(0.992 0.036 108.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Skimmed Milk White color name →
#FEFFE3
oklch(0.992 0.036 108.7)
Color conversions
- HEX
- #feffe3
- RGB
- rgb(254 255 227)
- HSL
- hsl(62 100% 95%)
- HWB
- hwb(62 89% 0%)
- OKLCH
- oklch(0.992 0.036 108.7)
- OKLab
- oklab(0.992 -0.012 0.035)
- CIE Lab
- lab(99.38 -3.8 13.32)
- LCH
- lch(99.38 13.86 105.9)
- CMYK
- cmyk(0% 0% 11% 0%)
Tints · Shades · Tones
Tints
- FEFFE6
- FEFFE9
- FEFFEC
- FEFFEE
- FEFFF1
- FFFFF4
- FFFFF7
- FFFFF9
- FFFFFC
Shades
- DDDEC5
- BDBEA8
- 9E9E8C
- 808071
- 636357
- 47483F
- 2D2E27
- 161612
- 030303
Tones
- F1F2D9
- E4E4CE
- D7D7C4
- CACABA
- BDBEB0
- B0B1A6
- A4A49D
- 989893
- 8C8C89
Color harmonies
Complementary +180°
- FEFFE3
Skimmed Milk White
- FCFCFF
≈ Pale Grey
Analogous -30° +30°
- FEFFE3
Skimmed Milk White
- FFFCF7
≈ Eyeball
- F8FFF6
≈ Touch of Mint
Triadic +120° +240°
- FEFFE3
Skimmed Milk White
- F9FDFF
≈ Heart of Ice
- FFFBFD
≈ Flawed White
Split-complementary +150° +210°
- FEFFE3
Skimmed Milk White
- FBFCFF
≈ Wash Me
- FEFBFF
≈ Flawed White
Tetradic +90° +180° +270°
- FEFFE3
Skimmed Milk White
- F5FFFF
≈ Sparkling Snow
- FCFCFF
≈ Pale Grey
- FFFBFB
≈ Flawed White
Contrast & accessibility
Ag
FailOn white
WCAG 1.01:1 · APCA Lc 0
Ag
AAAOn black
WCAG 20.62:1 · APCA Lc 106
Best text color: #000000
WCAG 20.62:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--skimmed-milk-white: #feffe3;
--skimmed-milk-white-rgb: 254 255 227;
--skimmed-milk-white-oklch: oklch(0.992 0.036 108.7);
}
.element {
color: var(--skimmed-milk-white);
background-color: hsl(62 100% 95%);
border-color: oklch(0.992 0.036 108.7);
}Tailwind CSS v4
@theme {
--color-skimmed-milk-white: #feffe3;
--color-skimmed-milk-white-50: #f5f6eb;
--color-skimmed-milk-white-100: #e8e9dc;
--color-skimmed-milk-white-200: #d5d6c4;
--color-skimmed-milk-white-300: #b8b9a4;
--color-skimmed-milk-white-400: #a0a188;
--color-skimmed-milk-white-500: #88886d;
--color-skimmed-milk-white-600: #73735c;
--color-skimmed-milk-white-700: #5c5c4a;
--color-skimmed-milk-white-800: #444335;
--color-skimmed-milk-white-900: #2f2f24;
--color-skimmed-milk-white-950: #1b1b13;
}SCSS
$skimmed-milk-white: #feffe3;
$skimmed-milk-white-rgb: 254, 255, 227;
$skimmed-milk-white-light: mix(#fff, $skimmed-milk-white, 20%);
$skimmed-milk-white-dark: mix(#000, $skimmed-milk-white, 20%);
.element {
color: $skimmed-milk-white;
box-shadow: 0 0 0 2px rgba($skimmed-milk-white, 0.35);
}