Named color · #EDE1BE
Beurre Blanc
Beurre Blanc is #EDE1BE: rgb(237 225 190), hsl(45 57% 84%), oklch(0.91 0.048 91.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Beurre Blanc color name →
#EDE1BE
oklch(0.91 0.048 91.3)
Color conversions
- HEX
- #ede1be
- RGB
- rgb(237 225 190)
- HSL
- hsl(45 57% 84%)
- HWB
- hwb(45 75% 7%)
- OKLCH
- oklch(0.91 0.048 91.3)
- OKLab
- oklab(0.91 -0.001 0.048)
- CIE Lab
- lab(89.83 0.14 18.75)
- LCH
- lch(89.83 18.75 89.6)
- CMYK
- cmyk(0% 5% 20% 7%)
Tints · Shades · Tones
Tints
- EFE4C5
- F1E7CB
- F2EAD2
- F4EDD8
- F6F0DF
- F8F3E5
- FAF6EC
- FBF9F2
- FDFCF9
Shades
- CEC4A5
- B0A78C
- 938B75
- 77705E
- 5C5648
- 423E33
- 2A271F
- 14120D
- 030202
Tones
- E2D7B8
- D6CDB1
- CBC3AB
- C0B9A5
- B5AF9F
- AAA699
- 9F9C92
- 95938C
- 8A8986
Color harmonies
Complementary +180°
- EDE1BE
Beurre Blanc
- D7E1FF
≈ Contrail
Analogous -30° +30°
- EDE1BE
Beurre Blanc
- FADBC2
≈ Alluring Gesture
- DCE7C4
≈ Flower Bulb
Triadic +120° +240°
- EDE1BE
Beurre Blanc
- BEEBF4
≈ Icy Breeze
- F5D6F0
≈ Jacaranda
Split-complementary +150° +210°
- EDE1BE
Beurre Blanc
- C6E6FF
≈ Icy Landscape
- E7DBFD
≈ Lavender Savour
Tetradic +90° +180° +270°
- EDE1BE
Beurre Blanc
- C0ECE3
≈ Clear Aqua
- D7E1FF
≈ Contrail
- FED5DF
≈ No Need to Blush
Contrast & accessibility
Ag
FailOn white
WCAG 1.30:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.11:1 · APCA Lc 89
Best text color: #000000
WCAG 16.11:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--beurre-blanc: #ede1be;
--beurre-blanc-rgb: 237 225 190;
--beurre-blanc-oklch: oklch(0.91 0.048 91.3);
}
.element {
color: var(--beurre-blanc);
background-color: hsl(45 57% 84%);
border-color: oklch(0.91 0.048 91.3);
}Tailwind CSS v4
@theme {
--color-beurre-blanc: #ede1be;
--color-beurre-blanc-50: #faf5e6;
--color-beurre-blanc-100: #ede8d6;
--color-beurre-blanc-200: #dbd4be;
--color-beurre-blanc-300: #bfb79c;
--color-beurre-blanc-400: #a99e7f;
--color-beurre-blanc-500: #928562;
--color-beurre-blanc-600: #7b7153;
--color-beurre-blanc-700: #635a42;
--color-beurre-blanc-800: #49422f;
--color-beurre-blanc-900: #332d20;
--color-beurre-blanc-950: #1e1a10;
}SCSS
$beurre-blanc: #ede1be;
$beurre-blanc-rgb: 237, 225, 190;
$beurre-blanc-light: mix(#fff, $beurre-blanc, 20%);
$beurre-blanc-dark: mix(#000, $beurre-blanc, 20%);
.element {
color: $beurre-blanc;
box-shadow: 0 0 0 2px rgba($beurre-blanc, 0.35);
}