Nearest named color · #FBE8DD
#FBE8DD
Nearest named color: Grandma’s Cameo
#FBE8DD (rgb(251 232 221), hsl(22 79% 93%), oklch(0.943 0.026 52.2)) is closest to the named color Grandma’s Cameo. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FBE8DD
oklch(0.943 0.026 52.2)
Color conversions
- HEX
- #fbe8dd
- RGB
- rgb(251 232 221)
- HSL
- hsl(22 79% 93%)
- HWB
- hwb(22 87% 2%)
- OKLCH
- oklch(0.943 0.026 52.2)
- OKLab
- oklab(0.943 0.016 0.02)
- CIE Lab
- lab(93.32 5.36 7.82)
- LCH
- lch(93.32 9.48 55.6)
- CMYK
- cmyk(0% 8% 12% 2%)
Tints · Shades · Tones
Tints
- FBEAE0
- FCEDE4
- FCEFE7
- FDF1EB
- FDF3EE
- FEF6F1
- FEF8F5
- FEFAF8
- FFFDFC
Shades
- DACAC0
- BAACA4
- 9C9088
- 7E746E
- 615955
- 46403D
- 2D2926
- 151311
- 030302
Tones
- EEDDD3
- E1D2CA
- D5C8C0
- C8BDB7
- BCB3AD
- AFA8A4
- A39E9B
- 979492
- 8C8A89
Color harmonies
Complementary +180°
- FBE8DD
Grandma’s Cameo
- DCF0FB
≈ Wizard White
Analogous -30° +30°
- FBE8DD
Grandma’s Cameo
- FDE6E4
≈ Blackbird’s Egg
- F5EBDA
≈ Abel
Triadic +120° +240°
- FBE8DD
Grandma’s Cameo
- DCF2EA
≈ Paradise
- ECEAFC
≈ Bright Dusk
Split-complementary +150° +210°
- FBE8DD
Grandma’s Cameo
- DAF2F4
≈ Let It Snow
- E3EDFE
≈ Brilliant White
Tetradic +90° +180° +270°
- FBE8DD
Grandma’s Cameo
- E3F1E1
≈ Mint Grasshopper
- DCF0FB
≈ Wizard White
- F5E7F7
≈ Soft Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.68:1 · APCA Lc 95
Best text color: #000000
WCAG 17.68:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--grandma-s-cameo: #fbe8dd;
--grandma-s-cameo-rgb: 251 232 221;
--grandma-s-cameo-oklch: oklch(0.943 0.026 52.2);
}
.element {
color: var(--grandma-s-cameo);
background-color: hsl(22 79% 93%);
border-color: oklch(0.943 0.026 52.2);
}Tailwind CSS v4
@theme {
--color-grandma-s-cameo: #fbe8dd;
--color-grandma-s-cameo-50: #fbf3ee;
--color-grandma-s-cameo-100: #efe6e0;
--color-grandma-s-cameo-200: #ddd2ca;
--color-grandma-s-cameo-300: #c2b4ab;
--color-grandma-s-cameo-400: #ab9b91;
--color-grandma-s-cameo-500: #958277;
--color-grandma-s-cameo-600: #7e6e65;
--color-grandma-s-cameo-700: #655850;
--color-grandma-s-cameo-800: #4a403b;
--color-grandma-s-cameo-900: #332c28;
--color-grandma-s-cameo-950: #1f1916;
}SCSS
$grandma-s-cameo: #fbe8dd;
$grandma-s-cameo-rgb: 251, 232, 221;
$grandma-s-cameo-light: mix(#fff, $grandma-s-cameo, 20%);
$grandma-s-cameo-dark: mix(#000, $grandma-s-cameo, 20%);
.element {
color: $grandma-s-cameo;
box-shadow: 0 0 0 2px rgba($grandma-s-cameo, 0.35);
}