Cor nomeada · #E0DABF
Happy Margarine
Happy Margarine é #E0DABF: rgb(224 218 191), hsl(49 35% 81%), oklch(0.886 0.037 96.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Happy Margarine color name →
#E0DABF
oklch(0.886 0.037 96.7)
Conversões de cor
- HEX
- #e0dabf
- RGB
- rgb(224 218 191)
- HSL
- hsl(49 35% 81%)
- HWB
- hwb(49 75% 12%)
- OKLCH
- oklch(0.886 0.037 96.7)
- OKLab
- oklab(0.886 -0.004 0.036)
- CIE Lab
- lab(87 -1.19 14.12)
- LCH
- lch(87 14.17 94.8)
- CMYK
- cmyk(0% 3% 15% 12%)
Tons claros · Sombras · Tons
Tons claros
- E3DEC5
- E6E1CC
- E9E5D2
- ECE9D8
- EFECDF
- F2F0E5
- F6F4EC
- F9F8F2
- FCFBF9
Sombras
- C3BDA6
- A6A28D
- 8A8775
- 706C5E
- 565448
- 3E3C33
- 27251F
- 12110D
- 020202
Tons
- D6D1B9
- CCC7B2
- C2BEAC
- B8B5A5
- AFAC9F
- A5A399
- 9C9A93
- 92918C
- 898986
Harmonias de cor
Complementar +180°
- E0DABF
Happy Margarine
- D3D8F2
≈ Flax Bloom
Análoga -30° +30°
- E0DABF
Happy Margarine
- EBD5C1
≈ Mother of Pearl
- D3DEC5
≈ Dream Seascape
Tríade +120° +240°
- E0DABF
Happy Margarine
- BFE0E9
≈ Diminished Blue
- EAD1E2
≈ Sonora Rose
Complementar dividida +150° +210°
- E0DABF
Happy Margarine
- C7DCF1
≈ Blue Booties
- E0D4ED
≈ Light Purity
Tétrade +90° +180° +270°
- E0DABF
Happy Margarine
- BFE2DD
≈ Sea Breath
- D3D8F2
≈ Flax Bloom
- F0D0D5
≈ Nursery
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.95:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 14.95:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--happy-margarine: #e0dabf;
--happy-margarine-rgb: 224 218 191;
--happy-margarine-oklch: oklch(0.886 0.037 96.7);
}
.element {
color: var(--happy-margarine);
background-color: hsl(49 35% 81%);
border-color: oklch(0.886 0.037 96.7);
}Tailwind CSS v4
@theme {
--color-happy-margarine: #e0dabf;
--color-happy-margarine-50: #f8f5ea;
--color-happy-margarine-100: #ebe8db;
--color-happy-margarine-200: #d8d5c3;
--color-happy-margarine-300: #bcb8a3;
--color-happy-margarine-400: #a49f87;
--color-happy-margarine-500: #8d876b;
--color-happy-margarine-600: #77725b;
--color-happy-margarine-700: #5f5b48;
--color-happy-margarine-800: #464234;
--color-happy-margarine-900: #312e23;
--color-happy-margarine-950: #1d1b12;
}SCSS
$happy-margarine: #e0dabf;
$happy-margarine-rgb: 224, 218, 191;
$happy-margarine-light: mix(#fff, $happy-margarine, 20%);
$happy-margarine-dark: mix(#000, $happy-margarine, 20%);
.element {
color: $happy-margarine;
box-shadow: 0 0 0 2px rgba($happy-margarine, 0.35);
}