Nearest named color · #FAF4E5
#FAF4E5
Nearest named color: Whiskers
#FAF4E5 (rgb(250 244 229), hsl(43 68% 94%), oklch(0.968 0.021 88.7)) is closest to the named color Whiskers. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FAF4E5
oklch(0.968 0.021 88.7)
Color conversions
- HEX
- #faf4e5
- RGB
- rgb(250 244 229)
- HSL
- hsl(43 68% 94%)
- HWB
- hwb(43 90% 2%)
- OKLCH
- oklch(0.968 0.021 88.7)
- OKLab
- oklab(0.968 0 0.021)
- CIE Lab
- lab(96.36 0.21 8)
- LCH
- lch(96.36 8.01 88.5)
- CMYK
- cmyk(0% 2% 8% 2%)
Tints · Shades · Tones
Tints
- FBF5E8
- FBF6EA
- FCF7ED
- FCF8EF
- FDFAF2
- FDFBF5
- FEFCF7
- FEFDFA
- FFFEFC
Shades
- D9D4C7
- BAB5AA
- 9B978E
- 7D7A72
- 615E58
- 46443F
- 2D2B28
- 151412
- 030303
Tones
- EDE8DA
- E0DCD0
- D4D0C6
- C7C4BB
- BBB8B1
- AFADA7
- A3A19D
- 979693
- 8B8B8A
Color harmonies
Complementary +180°
- FAF4E5
Whiskers
- F0F4FF
≈ Boysenberry Shadow
Analogous -30° +30°
- FAF4E5
Whiskers
- FFF2E8
≈ Pico Ivory
- F3F7E7
≈ Bean Sprout
Triadic +120° +240°
- FAF4E5
Whiskers
- E5F9FC
≈ Calm Waters
- FDF0FB
≈ Pinkish White
Split-complementary +150° +210°
- FAF4E5
Whiskers
- EAF6FF
≈ Clear Skies
- F6F2FF
≈ Cloud Break
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.09:1 · APCA Lc 0
Ag
AAAOn black
WCAG 19.13:1 · APCA Lc 101
Best text color: #000000
WCAG 19.13:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--whiskers: #faf4e5;
--whiskers-rgb: 250 244 229;
--whiskers-oklch: oklch(0.968 0.021 88.7);
}
.element {
color: var(--whiskers);
background-color: hsl(43 68% 94%);
border-color: oklch(0.968 0.021 88.7);
}Tailwind CSS v4
@theme {
--color-whiskers: #faf4e5;
--color-whiskers-50: #f7f5ef;
--color-whiskers-100: #eae8e0;
--color-whiskers-200: #d7d4ca;
--color-whiskers-300: #bbb7ac;
--color-whiskers-400: #a39e91;
--color-whiskers-500: #8c8677;
--color-whiskers-600: #767165;
--color-whiskers-700: #5f5a50;
--color-whiskers-800: #45423a;
--color-whiskers-900: #302e28;
--color-whiskers-950: #1c1a16;
}SCSS
$whiskers: #faf4e5;
$whiskers-rgb: 250, 244, 229;
$whiskers-light: mix(#fff, $whiskers, 20%);
$whiskers-dark: mix(#000, $whiskers, 20%);
.element {
color: $whiskers;
box-shadow: 0 0 0 2px rgba($whiskers, 0.35);
}