Color con nombre · #E4C697
Chamomile
Chamomile es #E4C697: rgb(228 198 151), hsl(37 59% 74%), oklch(0.841 0.07 78.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Chamomile color name →
#E4C697
oklch(0.841 0.07 78.7)
Conversiones de color
- HEX
- #e4c697
- RGB
- rgb(228 198 151)
- HSL
- hsl(37 59% 74%)
- HWB
- hwb(37 59% 11%)
- OKLCH
- oklch(0.841 0.07 78.7)
- OKLab
- oklab(0.841 0.014 0.069)
- CIE Lab
- lab(81.63 6.05 27.74)
- LCH
- lch(81.63 28.39 77.7)
- CMYK
- cmyk(0% 13% 34% 11%)
Tintes · Sombras · Tonos
Tintes
- E7CCA2
- EAD1AC
- ECD7B6
- EFDDC1
- F2E3CB
- F4E8D5
- F7EEE0
- FAF4EA
- FCF9F5
Sombras
- C6AC83
- A9926F
- 8D7A5C
- 726249
- 584B37
- 3F3526
- 282117
- 120E08
- 030201
Tonos
- DABF95
- CFB893
- C5B191
- BBAA8F
- B1A38C
- A79C8A
- 9D9588
- 938E85
- 8A8783
Armonías de color
Complementario +180°
- E4C697
Chamomile
- AFCDF9
≈ Ice Cold Stare
Análogo -30° +30°
- E4C697
Chamomile
- F2BEA3
≈ Certain Peach
- CECF9A
≈ Corn Husk Green
Triádico +120° +240°
- E4C697
Chamomile
- 93D9DC
≈ Mini Blue
- DFBDE9
≈ Beefy Pink
Complementario dividido +150° +210°
- E4C697
Chamomile
- 9BD4F0
≈ Juzcar Blue
- C8C4F7
≈ Light Periwinkle
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASobre negro
WCAG 12.82:1 · APCA Lc 75
Mejor color de texto: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmentos de código
CSS
:root {
--chamomile: #e4c697;
--chamomile-rgb: 228 198 151;
--chamomile-oklch: oklch(0.841 0.07 78.7);
}
.element {
color: var(--chamomile);
background-color: hsl(37 59% 74%);
border-color: oklch(0.841 0.07 78.7);
}Tailwind CSS v4
@theme {
--color-chamomile: #e4c697;
--color-chamomile-50: #fff4df;
--color-chamomile-100: #f4e6ce;
--color-chamomile-200: #e4d2b3;
--color-chamomile-300: #cab48f;
--color-chamomile-400: #b59a6f;
--color-chamomile-500: #a0814f;
--color-chamomile-600: #876d43;
--color-chamomile-700: #6c5735;
--color-chamomile-800: #503f26;
--color-chamomile-900: #382c19;
--color-chamomile-950: #22190a;
}SCSS
$chamomile: #e4c697;
$chamomile-rgb: 228, 198, 151;
$chamomile-light: mix(#fff, $chamomile, 20%);
$chamomile-dark: mix(#000, $chamomile, 20%);
.element {
color: $chamomile;
box-shadow: 0 0 0 2px rgba($chamomile, 0.35);
}