Cor nomeada · #EECD00
Ancient Yellow
Ancient Yellow é #EECD00: rgb(238 205 0), hsl(52 100% 47%), oklch(0.851 0.176 97.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Ancient Yellow color name →
#EECD00
oklch(0.851 0.176 97.4)
Conversões de cor
- HEX
- #eecd00
- RGB
- rgb(238 205 0)
- HSL
- hsl(52 100% 47%)
- HWB
- hwb(52 0% 7%)
- OKLCH
- oklch(0.851 0.176 97.4)
- OKLab
- oklab(0.851 -0.022 0.174)
- CIE Lab
- lab(83.33 0.59 82.89)
- LCH
- lch(83.33 82.89 89.6)
- CMYK
- cmyk(0% 14% 100% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0D343
- F1D861
- F3DD79
- F5E28F
- F6E7A3
- F8ECB7
- FAF1C9
- FBF6DB
- FDFAED
Sombras
- CFB200
- B19800
- 937E00
- 776600
- 5C4E00
- 423800
- 2A2300
- 140F00
- 030200
Tons
- E2C530
- D7BE44
- CCB652
- C0AE5C
- B5A765
- AA9F6C
- 9F9772
- 959078
- 8A887C
Harmonias de cor
Complementar +180°
- EECD00
Ancient Yellow
- C1CAFF
≈ Light Periwinkle
Análoga -30° +30°
- EECD00
Ancient Yellow
- FFC07C
≈ Zing
- AEE358
≈ Conifer
Tríade +120° +240°
- EECD00
Ancient Yellow
- 6AE0FF
≈ Athena Blue
- FFB1E9
≈ Pink Apotheosis
Complementar dividida +150° +210°
- EECD00
Ancient Yellow
- A5D3FF
≈ Malmö FF
- DFBEFF
≈ Lavender Fragrance
Tétrade +90° +180° +270°
- EECD00
Ancient Yellow
- 00ECDF
≈ Frozen Boubble
- C1CAFF
≈ Light Periwinkle
- FFB7C4
≈ Cherry Blossom Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.36:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--ancient-yellow: #eecd00;
--ancient-yellow-rgb: 238 205 0;
--ancient-yellow-oklch: oklch(0.851 0.176 97.4);
}
.element {
color: var(--ancient-yellow);
background-color: hsl(52 100% 47%);
border-color: oklch(0.851 0.176 97.4);
}Tailwind CSS v4
@theme {
--color-ancient-yellow: #eecd00;
--color-ancient-yellow-50: #fff7bd;
--color-ancient-yellow-100: #f6eaa5;
--color-ancient-yellow-200: #e6d67b;
--color-ancient-yellow-300: #cdb83d;
--color-ancient-yellow-400: #bc9d00;
--color-ancient-yellow-500: #a78200;
--color-ancient-yellow-600: #8d6f00;
--color-ancient-yellow-700: #715800;
--color-ancient-yellow-800: #554000;
--color-ancient-yellow-900: #3c2c00;
--color-ancient-yellow-950: #251900;
}SCSS
$ancient-yellow: #eecd00;
$ancient-yellow-rgb: 238, 205, 0;
$ancient-yellow-light: mix(#fff, $ancient-yellow, 20%);
$ancient-yellow-dark: mix(#000, $ancient-yellow, 20%);
.element {
color: $ancient-yellow;
box-shadow: 0 0 0 2px rgba($ancient-yellow, 0.35);
}