Cor nomeada · #E7D8BE
Echelon Ecru
Echelon Ecru é #E7D8BE: rgb(231 216 190), hsl(38 46% 83%), oklch(0.888 0.038 81.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Echelon Ecru color name →
#E7D8BE
oklch(0.888 0.038 81.5)
Conversões de cor
- HEX
- #e7d8be
- RGB
- rgb(231 216 190)
- HSL
- hsl(38 46% 83%)
- HWB
- hwb(38 75% 9%)
- OKLCH
- oklch(0.888 0.038 81.5)
- OKLab
- oklab(0.888 0.006 0.038)
- CIE Lab
- lab(87.06 2.26 14.83)
- LCH
- lch(87.06 15 81.3)
- CMYK
- cmyk(0% 6% 18% 9%)
Tons claros · Sombras · Tons
Tons claros
- E9DCC4
- ECE0CB
- EEE4D1
- F1E8D8
- F3EBDE
- F5EFE5
- F8F3EB
- FAF7F2
- FDFBF8
Sombras
- C9BCA5
- ABA08C
- 8F8575
- 736B5E
- 595348
- 403B33
- 28251F
- 13110D
- 030202
Tons
- DCCFB8
- D2C6B1
- C7BDAB
- BDB4A5
- B2AB9F
- A8A298
- 9E9A92
- 94918C
- 8A8886
Harmonias de cor
Complementar +180°
- E7D8BE
Echelon Ecru
- CCDBF4
≈ Fly a Kite
Análoga -30° +30°
- E7D8BE
Echelon Ecru
- F0D3C3
≈ Melon Pink
- DADDC0
≈ Garden Gate
Tríade +120° +240°
- E7D8BE
Echelon Ecru
- BDE2E5
≈ Right as Rain
- E6D2EA
≈ Little Touch
Complementar dividida +150° +210°
- E7D8BE
Echelon Ecru
- C2DFEF
≈ Tropical Pool
- DAD6F2
≈ Lavender Sky
Tétrade +90° +180° +270°
- E7D8BE
Echelon Ecru
- C2E3D7
≈ Beru
- CCDBF4
≈ Fly a Kite
- EFD0DD
≈ Ballerina
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.96:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 14.96:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--echelon-ecru: #e7d8be;
--echelon-ecru-rgb: 231 216 190;
--echelon-ecru-oklch: oklch(0.888 0.038 81.5);
}
.element {
color: var(--echelon-ecru);
background-color: hsl(38 46% 83%);
border-color: oklch(0.888 0.038 81.5);
}Tailwind CSS v4
@theme {
--color-echelon-ecru: #e7d8be;
--color-echelon-ecru-50: #faf4e9;
--color-echelon-ecru-100: #eee7da;
--color-echelon-ecru-200: #dcd3c2;
--color-echelon-ecru-300: #c1b6a2;
--color-echelon-ecru-400: #aa9d85;
--color-echelon-ecru-500: #93846a;
--color-echelon-ecru-600: #7d705a;
--color-echelon-ecru-700: #645947;
--color-echelon-ecru-800: #4a4133;
--color-echelon-ecru-900: #332d23;
--color-echelon-ecru-950: #1f1a12;
}SCSS
$echelon-ecru: #e7d8be;
$echelon-ecru-rgb: 231, 216, 190;
$echelon-ecru-light: mix(#fff, $echelon-ecru, 20%);
$echelon-ecru-dark: mix(#000, $echelon-ecru, 20%);
.element {
color: $echelon-ecru;
box-shadow: 0 0 0 2px rgba($echelon-ecru, 0.35);
}