Cor nomeada · #EEECB5
Chia
Chia é #EEECB5: rgb(238 236 181), hsl(58 63% 82%), oklch(0.931 0.071 106). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chia color name →
#EEECB5
oklch(0.931 0.071 106)
Conversões de cor
- HEX
- #eeecb5
- RGB
- rgb(238 236 181)
- HSL
- hsl(58 63% 82%)
- HWB
- hwb(58 71% 7%)
- OKLCH
- oklch(0.931 0.071 106)
- OKLab
- oklab(0.931 -0.02 0.068)
- CIE Lab
- lab(92.56 -5.65 27.06)
- LCH
- lch(92.56 27.64 101.8)
- CMYK
- cmyk(0% 1% 24% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0EEBD
- F1F0C4
- F3F2CC
- F5F4D3
- F6F6DB
- F8F8E2
- FAF9E9
- FBFBF1
- FDFDF8
Sombras
- CFCD9D
- B1AF86
- 93926F
- 777659
- 5C5B44
- 424230
- 2A291D
- 14130C
- 030302
Tons
- E2E1B0
- D7D6AB
- CCCAA5
- C0C0A0
- B5B59B
- AAAA96
- A09F90
- 95958B
- 8A8A85
Harmonias de cor
Complementar +180°
- EEECB5
Chia
- E6E6FF
≈ Lavender Mist
Análoga -30° +30°
Tríade +120° +240°
Complementar dividida +150° +210°
- EEECB5
Chia
- DAEAFF
≈ Cloudless
- F5DFFF
≈ Lavender Savour
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASobre preto
WCAG 17.30:1 · APCA Lc 94
Melhor cor de texto: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--chia: #eeecb5;
--chia-rgb: 238 236 181;
--chia-oklch: oklch(0.931 0.071 106);
}
.element {
color: var(--chia);
background-color: hsl(58 63% 82%);
border-color: oklch(0.931 0.071 106);
}Tailwind CSS v4
@theme {
--color-chia: #eeecb5;
--color-chia-50: #f7f7e0;
--color-chia-100: #eaeacf;
--color-chia-200: #d7d7b4;
--color-chia-300: #babb91;
--color-chia-400: #a4a170;
--color-chia-500: #8c8950;
--color-chia-600: #777444;
--color-chia-700: #5f5d36;
--color-chia-800: #464426;
--color-chia-900: #312f19;
--color-chia-950: #1d1b0a;
}SCSS
$chia: #eeecb5;
$chia-rgb: 238, 236, 181;
$chia-light: mix(#fff, $chia, 20%);
$chia-dark: mix(#000, $chia, 20%);
.element {
color: $chia;
box-shadow: 0 0 0 2px rgba($chia, 0.35);
}