Named color · #FDF1C3
Pound Cake
Pound Cake is #FDF1C3: rgb(253 241 195), hsl(48 94% 88%), oklch(0.956 0.061 95.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Pound Cake color name →
#FDF1C3
oklch(0.956 0.061 95.1)
Color conversions
- HEX
- #fdf1c3
- RGB
- rgb(253 241 195)
- HSL
- hsl(48 94% 88%)
- HWB
- hwb(48 76% 1%)
- OKLCH
- oklch(0.956 0.061 95.1)
- OKLab
- oklab(0.956 -0.005 0.06)
- CIE Lab
- lab(95.25 -1.04 23.85)
- LCH
- lch(95.25 23.87 92.5)
- CMYK
- cmyk(0% 5% 23% 1%)
Tints · Shades · Tones
Tints
- FDF2C9
- FDF4CF
- FEF5D5
- FEF7DB
- FEF8E1
- FEFAE7
- FEFBED
- FFFCF3
- FFFEF9
Shades
- DCD2A9
- BCB390
- 9D9578
- 7F7960
- 625D4A
- 474334
- 2D2B20
- 16140E
- 030302
Tones
- F0E5BC
- E3D9B6
- D6CEAF
- C9C2A8
- BDB7A1
- B0AC9B
- A4A194
- 98968D
- 8C8B87
Color harmonies
Complementary +180°
- FDF1C3
Pound Cake
- ECF0FF
≈ Carte Blanche
Analogous -30° +30°
- FDF1C3
Pound Cake
- FFEDDD
≈ Enokitake Mushroom
- E7F8CC
≈ Snow Flurry
Triadic +120° +240°
- FDF1C3
Pound Cake
- D8F7FF
≈ Glacial Day
- FFE9F9
≈ Strawberry Bonbon
Split-complementary +150° +210°
- FDF1C3
Pound Cake
- E5F3FF
≈ Moon White
- F4EDFF
≈ Foundation White
Tetradic +90° +180° +270°
- FDF1C3
Pound Cake
- C3FFF6
≈ Crushed Ice
- ECF0FF
≈ Carte Blanche
- FFEBEE
≈ Just Pink Enough
Contrast & accessibility
Ag
FailOn white
WCAG 1.13:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.54:1 · APCA Lc 99
Best text color: #000000
WCAG 18.54:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--pound-cake: #fdf1c3;
--pound-cake-rgb: 253 241 195;
--pound-cake-oklch: oklch(0.956 0.061 95.1);
}
.element {
color: var(--pound-cake);
background-color: hsl(48 94% 88%);
border-color: oklch(0.956 0.061 95.1);
}Tailwind CSS v4
@theme {
--color-pound-cake: #fdf1c3;
--color-pound-cake-50: #faf6e2;
--color-pound-cake-100: #ede8d2;
--color-pound-cake-200: #dbd5b8;
--color-pound-cake-300: #c0b895;
--color-pound-cake-400: #a99f76;
--color-pound-cake-500: #938657;
--color-pound-cake-600: #7c724a;
--color-pound-cake-700: #635b3b;
--color-pound-cake-800: #49422a;
--color-pound-cake-900: #332e1c;
--color-pound-cake-950: #1f1a0c;
}SCSS
$pound-cake: #fdf1c3;
$pound-cake-rgb: 253, 241, 195;
$pound-cake-light: mix(#fff, $pound-cake, 20%);
$pound-cake-dark: mix(#000, $pound-cake, 20%);
.element {
color: $pound-cake;
box-shadow: 0 0 0 2px rgba($pound-cake, 0.35);
}