Named color · #F4EEBA
Sarawak White Pepper
Sarawak White Pepper is #F4EEBA: rgb(244 238 186), hsl(54 73% 84%), oklch(0.941 0.067 102.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Sarawak White Pepper color name →
#F4EEBA
oklch(0.941 0.067 102.1)
Color conversions
- HEX
- #f4eeba
- RGB
- rgb(244 238 186)
- HSL
- hsl(54 73% 84%)
- HWB
- hwb(54 73% 4%)
- OKLCH
- oklch(0.941 0.067 102.1)
- OKLab
- oklab(0.941 -0.014 0.066)
- CIE Lab
- lab(93.62 -3.86 26.06)
- LCH
- lch(93.62 26.34 98.4)
- CMYK
- cmyk(0% 2% 24% 4%)
Tints · Shades · Tones
Tints
- F5F0C1
- F6F2C8
- F7F3CF
- F8F5D6
- F9F7DD
- FAF8E4
- FCFAEB
- FDFCF1
- FEFDF8
Shades
- D4CFA1
- B5B189
- 979372
- 7A775C
- 5E5C46
- 444232
- 2B2A1E
- 14140D
- 030302
Tones
- E8E3B4
- DCD7AF
- D0CCA9
- C4C1A3
- B8B69D
- ADAB97
- A1A092
- 96958C
- 8B8A86
Color harmonies
Complementary +180°
- F4EEBA
Sarawak White Pepper
- E8EAFF
≈ Glitter
Analogous -30° +30°
- F4EEBA
Sarawak White Pepper
- FFE7CB
≈ Kansas Grain
- DBF6C7
≈ Envious Pastel
Triadic +120° +240°
- F4EEBA
Sarawak White Pepper
- D0F2FF
≈ Water
- FFE2F3
≈ Bunny Tail
Split-complementary +150° +210°
- F4EEBA
Sarawak White Pepper
- DEEDFF
≈ Calcareous Sinter
- F4E5FF
≈ Soft Lavender
Tetradic +90° +180° +270°
- F4EEBA
Sarawak White Pepper
- B7FBF7
≈ Winter Meadow
- E8EAFF
≈ Glitter
- FFE4E6
≈ Vanilla Strawberry
Contrast & accessibility
Ag
FailOn white
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.78:1 · APCA Lc 96
Best text color: #000000
WCAG 17.78:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--sarawak-white-pepper: #f4eeba;
--sarawak-white-pepper-rgb: 244 238 186;
--sarawak-white-pepper-oklch: oklch(0.941 0.067 102.1);
}
.element {
color: var(--sarawak-white-pepper);
background-color: hsl(54 73% 84%);
border-color: oklch(0.941 0.067 102.1);
}Tailwind CSS v4
@theme {
--color-sarawak-white-pepper: #f4eeba;
--color-sarawak-white-pepper-50: #f8f7e1;
--color-sarawak-white-pepper-100: #ebe9d0;
--color-sarawak-white-pepper-200: #d8d6b5;
--color-sarawak-white-pepper-300: #bdba92;
--color-sarawak-white-pepper-400: #a6a072;
--color-sarawak-white-pepper-500: #8f8852;
--color-sarawak-white-pepper-600: #797346;
--color-sarawak-white-pepper-700: #615c38;
--color-sarawak-white-pepper-800: #484327;
--color-sarawak-white-pepper-900: #322e1a;
--color-sarawak-white-pepper-950: #1e1b0b;
}SCSS
$sarawak-white-pepper: #f4eeba;
$sarawak-white-pepper-rgb: 244, 238, 186;
$sarawak-white-pepper-light: mix(#fff, $sarawak-white-pepper, 20%);
$sarawak-white-pepper-dark: mix(#000, $sarawak-white-pepper, 20%);
.element {
color: $sarawak-white-pepper;
box-shadow: 0 0 0 2px rgba($sarawak-white-pepper, 0.35);
}