Nearest named color · #F5E8E7
#F5E8E7
Nearest named color: White Christmas
#F5E8E7 (rgb(245 232 231), hsl(4 41% 93%), oklch(0.941 0.014 22.8)) is closest to the named color White Christmas. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F5E8E7
oklch(0.941 0.014 22.8)
Color conversions
- HEX
- #f5e8e7
- RGB
- rgb(245 232 231)
- HSL
- hsl(4 41% 93%)
- HWB
- hwb(4 91% 4%)
- OKLCH
- oklch(0.941 0.014 22.8)
- OKLab
- oklab(0.941 0.013 0.006)
- CIE Lab
- lab(93.02 4.43 2.15)
- LCH
- lch(93.02 4.92 25.9)
- CMYK
- cmyk(0% 5% 6% 4%)
Tints · Shades · Tones
Tints
- F6EAE9
- F7EDEC
- F8EFEE
- F9F1F1
- FAF3F3
- FBF6F5
- FCF8F8
- FDFAFA
- FEFDFD
Shades
- D5CAC9
- B6ACAB
- 98908F
- 7B7473
- 5F5959
- 444040
- 2B2928
- 151313
- 030303
Tones
- E9DDDC
- DDD2D2
- D1C8C7
- C5BDBC
- B9B3B2
- ADA8A8
- A29E9E
- 969494
- 8B8A8A
Color harmonies
Complementary +180°
- F5E8E7
White Christmas
- E1EFF0
≈ Azul Primavera
Analogous -30° +30°
- F5E8E7
White Christmas
- F4E8EC
≈ White-Red
- F4E9E3
≈ Sauvignon
Triadic +120° +240°
- F5E8E7
White Christmas
- E6EEE5
≈ Stone Path
- E6ECF5
≈ Coconut White
Split-complementary +150° +210°
- F5E8E7
White Christmas
- E3EFEA
≈ Waterfall Mist
- E3EDF4
≈ Out Cold
Tetradic +90° +180° +270°
- F5E8E7
White Christmas
- EBEDE2
≈ Grand Heron
- E1EFF0
≈ Azul Primavera
- EBEAF4
≈ Silver Phoenix
Contrast & accessibility
Ag
FailOn white
WCAG 1.19:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.57:1 · APCA Lc 95
Best text color: #000000
WCAG 17.57:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--white-christmas: #f5e8e7;
--white-christmas-rgb: 245 232 231;
--white-christmas-oklch: oklch(0.941 0.014 22.8);
}
.element {
color: var(--white-christmas);
background-color: hsl(4 41% 93%);
border-color: oklch(0.941 0.014 22.8);
}Tailwind CSS v4
@theme {
--color-white-christmas: #f5e8e7;
--color-white-christmas-50: #f9f4f3;
--color-white-christmas-100: #ede6e5;
--color-white-christmas-200: #dad2d1;
--color-white-christmas-300: #bfb5b4;
--color-white-christmas-400: #a79b9a;
--color-white-christmas-500: #8f8382;
--color-white-christmas-600: #796f6e;
--color-white-christmas-700: #615858;
--color-white-christmas-800: #474040;
--color-white-christmas-900: #312c2c;
--color-white-christmas-950: #1d1a19;
}SCSS
$white-christmas: #f5e8e7;
$white-christmas-rgb: 245, 232, 231;
$white-christmas-light: mix(#fff, $white-christmas, 20%);
$white-christmas-dark: mix(#000, $white-christmas, 20%);
.element {
color: $white-christmas;
box-shadow: 0 0 0 2px rgba($white-christmas, 0.35);
}