Named color · #FBEABD
Frozen Custard
Frozen Custard is #FBEABD: rgb(251 234 189), hsl(44 89% 86%), oklch(0.94 0.061 89.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Frozen Custard color name →
#FBEABD
oklch(0.94 0.061 89.8)
Color conversions
- HEX
- #fbeabd
- RGB
- rgb(251 234 189)
- HSL
- hsl(44 89% 86%)
- HWB
- hwb(44 74% 2%)
- OKLCH
- oklch(0.94 0.061 89.8)
- OKLab
- oklab(0.94 0 0.061)
- CIE Lab
- lab(93.25 0.95 24.15)
- LCH
- lch(93.25 24.16 87.8)
- CMYK
- cmyk(0% 7% 25% 2%)
Tints · Shades · Tones
Tints
- FBECC4
- FCEECA
- FCF0D1
- FDF3D8
- FDF5DE
- FDF7E5
- FEF9EC
- FEFBF2
- FFFDF9
Shades
- DACBA4
- BAAE8C
- 9C9174
- 7E755D
- 615A47
- 464133
- 2D291F
- 15130D
- 030302
Tones
- EEDFB7
- E1D4B1
- D5C9AB
- C8BEA5
- BCB49F
- AFA998
- A39F92
- 97948C
- 8C8A86
Color harmonies
Complementary +180°
- FBEABD
Frozen Custard
- E3EBFF
≈ Husky
Analogous -30° +30°
- FBEABD
Frozen Custard
- FFE6D2
≈ Mood Lighting
- E5F2C4
≈ Freshman
Triadic +120° +240°
- FBEABD
Frozen Custard
- C2F6FF
≈ Pale Sky
- FFE0FB
≈ Fairy Salt
Split-complementary +150° +210°
- FBEABD
Frozen Custard
- D8EFFF
≈ Calcareous Sinter
- EEE6FF
≈ Bright Dusk
Tetradic +90° +180° +270°
- FBEABD
Frozen Custard
- BFF9EC
≈ Shallow End
- E3EBFF
≈ Husky
- FFE2EA
≈ Baby Girl
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.60:1 · APCA Lc 95
Best text color: #000000
WCAG 17.60:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--frozen-custard: #fbeabd;
--frozen-custard-rgb: 251 234 189;
--frozen-custard-oklch: oklch(0.94 0.061 89.8);
}
.element {
color: var(--frozen-custard);
background-color: hsl(44 89% 86%);
border-color: oklch(0.94 0.061 89.8);
}Tailwind CSS v4
@theme {
--color-frozen-custard: #fbeabd;
--color-frozen-custard-50: #fbf5e2;
--color-frozen-custard-100: #efe8d1;
--color-frozen-custard-200: #ddd4b7;
--color-frozen-custard-300: #c3b794;
--color-frozen-custard-400: #ac9d75;
--color-frozen-custard-500: #968556;
--color-frozen-custard-600: #7f704a;
--color-frozen-custard-700: #665a3a;
--color-frozen-custard-800: #4b4129;
--color-frozen-custard-900: #342d1c;
--color-frozen-custard-950: #201a0c;
}SCSS
$frozen-custard: #fbeabd;
$frozen-custard-rgb: 251, 234, 189;
$frozen-custard-light: mix(#fff, $frozen-custard, 20%);
$frozen-custard-dark: mix(#000, $frozen-custard, 20%);
.element {
color: $frozen-custard;
box-shadow: 0 0 0 2px rgba($frozen-custard, 0.35);
}