Cor nomeada · #ECE2B7
Buttered
Buttered é #ECE2B7: rgb(236 226 183), hsl(49 58% 82%), oklch(0.91 0.057 96.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Buttered color name →
#ECE2B7
oklch(0.91 0.057 96.5)
Conversões de cor
- HEX
- #ece2b7
- RGB
- rgb(236 226 183)
- HSL
- hsl(49 58% 82%)
- HWB
- hwb(49 72% 7%)
- OKLCH
- oklch(0.91 0.057 96.5)
- OKLab
- oklab(0.91 -0.006 0.057)
- CIE Lab
- lab(89.88 -1.45 22.41)
- LCH
- lch(89.88 22.45 93.7)
- CMYK
- cmyk(0% 4% 22% 7%)
Tons claros · Sombras · Tons
Tons claros
- EEE5BE
- F0E8C6
- F2EBCD
- F4EED4
- F5F1DB
- F7F3E2
- F9F6EA
- FBF9F1
- FDFCF8
Sombras
- CDC49F
- AFA887
- 928C70
- 76715A
- 5B5745
- 423E31
- 29271E
- 13120C
- 030302
Tons
- E1D8B2
- D5CEAC
- CAC4A7
- BFBAA1
- B4B09C
- AAA696
- 9F9C91
- 95938B
- 8A8986
Harmonias de cor
Complementar +180°
- ECE2B7
Buttered
- D9DFFF
≈ Contrail
Análoga -30° +30°
- ECE2B7
Buttered
- FCDBBA
≈ Alishan Dawn
- D7E9C0
≈ Green Vibes
Tríade +120° +240°
- ECE2B7
Buttered
- B7ECFA
≈ Ice Effect
- FBD3F0
≈ Jacaranda
Complementar dividida +150° +210°
- ECE2B7
Buttered
- C9E5FF
≈ Fresh Water
- EAD8FF
≈ Lavender Savour
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.12:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.12:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--buttered: #ece2b7;
--buttered-rgb: 236 226 183;
--buttered-oklch: oklch(0.91 0.057 96.5);
}
.element {
color: var(--buttered);
background-color: hsl(49 58% 82%);
border-color: oklch(0.91 0.057 96.5);
}Tailwind CSS v4
@theme {
--color-buttered: #ece2b7;
--color-buttered-50: #f9f6e3;
--color-buttered-100: #ece9d3;
--color-buttered-200: #dad5ba;
--color-buttered-300: #bfb897;
--color-buttered-400: #a89f78;
--color-buttered-500: #91865a;
--color-buttered-600: #7b724d;
--color-buttered-700: #625b3d;
--color-buttered-800: #49422b;
--color-buttered-900: #322e1d;
--color-buttered-950: #1e1a0d;
}SCSS
$buttered: #ece2b7;
$buttered-rgb: 236, 226, 183;
$buttered-light: mix(#fff, $buttered, 20%);
$buttered-dark: mix(#000, $buttered, 20%);
.element {
color: $buttered;
box-shadow: 0 0 0 2px rgba($buttered, 0.35);
}