Named color · #E3DACF
March Breeze
March Breeze is #E3DACF: rgb(227 218 207), hsl(33 26% 85%), oklch(0.893 0.018 73.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · March Breeze color name →
#E3DACF
oklch(0.893 0.018 73.1)
Color conversions
- HEX
- #e3dacf
- RGB
- rgb(227 218 207)
- HSL
- hsl(33 26% 85%)
- HWB
- hwb(33 81% 11%)
- OKLCH
- oklch(0.893 0.018 73.1)
- OKLab
- oklab(0.893 0.005 0.017)
- CIE Lab
- lab(87.55 1.8 6.59)
- LCH
- lch(87.55 6.83 74.7)
- CMYK
- cmyk(0% 4% 9% 11%)
Tints · Shades · Tones
Tints
- E6DED4
- E9E1D8
- EBE5DD
- EEE9E2
- F1ECE7
- F4F0EC
- F7F4F0
- F9F8F5
- FCFBFA
Shades
- C5BDB4
- A8A299
- 8C877F
- 716C67
- 57544F
- 3F3C38
- 272523
- 121110
- 030202
Tones
- D9D1C7
- CEC7BF
- C4BEB7
- BAB5AF
- B0ACA7
- A6A39F
- 9D9A97
- 93918F
- 898988
Color harmonies
Complementary +180°
- E3DACF
March Breeze
- D4DDE7
≈ Nordic Breeze
Analogous -30° +30°
- E3DACF
March Breeze
- E7D8D2
≈ Sentimental
- DDDCCF
≈ Silicone Serena
Triadic +120° +240°
- E3DACF
March Breeze
- CFE0DF
≈ Water Baptism
- E0D8E4
≈ Inspired Lilac
Split-complementary +150° +210°
- E3DACF
March Breeze
- D0DEE4
≈ Breakwater
- D9DAE7
≈ Eyeshadow
Tetradic +90° +180° +270°
- E3DACF
March Breeze
- D2DFD8
≈ Alpine Peak
- D4DDE7
≈ Nordic Breeze
- E5D7DF
≈ Wine Frost
Contrast & accessibility
Ag
FailOn white
WCAG 1.38:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.19:1 · APCA Lc 85
Best text color: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
CSS
:root {
--march-breeze: #e3dacf;
--march-breeze-rgb: 227 218 207;
--march-breeze-oklch: oklch(0.893 0.018 73.1);
}
.element {
color: var(--march-breeze);
background-color: hsl(33 26% 85%);
border-color: oklch(0.893 0.018 73.1);
}Tailwind CSS v4
@theme {
--color-march-breeze: #e3dacf;
--color-march-breeze-50: #f8f4f0;
--color-march-breeze-100: #ebe7e1;
--color-march-breeze-200: #d9d3cc;
--color-march-breeze-300: #bdb6ae;
--color-march-breeze-400: #a59d93;
--color-march-breeze-500: #8e8579;
--color-march-breeze-600: #787067;
--color-march-breeze-700: #605a52;
--color-march-breeze-800: #46413c;
--color-march-breeze-900: #312d29;
--color-march-breeze-950: #1d1a17;
}SCSS
$march-breeze: #e3dacf;
$march-breeze-rgb: 227, 218, 207;
$march-breeze-light: mix(#fff, $march-breeze, 20%);
$march-breeze-dark: mix(#000, $march-breeze, 20%);
.element {
color: $march-breeze;
box-shadow: 0 0 0 2px rgba($march-breeze, 0.35);
}