Cor nomeada · #EEB76B
Olden Amber
Olden Amber é #EEB76B: rgb(238 183 107), hsl(35 79% 68%), oklch(0.814 0.113 74). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Olden Amber color name →
#EEB76B
oklch(0.814 0.113 74)
Conversões de cor
- HEX
- #eeb76b
- RGB
- rgb(238 183 107)
- HSL
- hsl(35 79% 68%)
- HWB
- hwb(35 42% 7%)
- OKLCH
- oklch(0.814 0.113 74)
- OKLab
- oklab(0.814 0.031 0.109)
- CIE Lab
- lab(78.38 14.34 46.28)
- LCH
- lch(78.38 48.45 72.8)
- CMYK
- cmyk(0% 23% 55% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0BE7B
- F2C68B
- F4CD9A
- F6D4A9
- F7DBB7
- F9E3C6
- FBEAD4
- FCF1E2
- FEF8F1
Sombras
- CF9F5C
- B1874E
- 93703F
- 775A32
- 5C4525
- 423118
- 2A1E0D
- 140C04
- 030200
Tons
- E3B26F
- D7AC72
- CCA775
- C1A177
- B69C7A
- AB967B
- A0917D
- 958B7E
- 8B867F
Harmonias de cor
Complementar +180°
- EEB76B
Olden Amber
- 97C6FF
≈ Apocyan
Análoga -30° +30°
- EEB76B
Olden Amber
- FFAB86
≈ Sunset Over the Alps
- CEC66B
≈ Mung Bean
Tríade +120° +240°
- EEB76B
Olden Amber
- 57D9D7
≈ Hammam Blue
- DDACF6
≈ Petal Plush
Complementar dividida +150° +210°
- EEB76B
Olden Amber
- 65D2F8
≈ Heisenberg Blue
- BABAFF
≈ Dried Lilac
Tétrade +90° +180° +270°
- EEB76B
Olden Amber
- 76D9AF
≈ Fresco Green
- 97C6FF
≈ Apocyan
- F6A4D4
≈ Violet Kiss
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.62:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.62:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--olden-amber: #eeb76b;
--olden-amber-rgb: 238 183 107;
--olden-amber-oklch: oklch(0.814 0.113 74);
}
.element {
color: var(--olden-amber);
background-color: hsl(35 79% 68%);
border-color: oklch(0.814 0.113 74);
}Tailwind CSS v4
@theme {
--color-olden-amber: #eeb76b;
--color-olden-amber-50: #fff2d2;
--color-olden-amber-100: #fee4be;
--color-olden-amber-200: #f1ce9e;
--color-olden-amber-300: #d9b074;
--color-olden-amber-400: #c6944c;
--color-olden-amber-500: #b27917;
--color-olden-amber-600: #966718;
--color-olden-amber-700: #795213;
--color-olden-amber-800: #5a3b0c;
--color-olden-amber-900: #3f2908;
--color-olden-amber-950: #281600;
}SCSS
$olden-amber: #eeb76b;
$olden-amber-rgb: 238, 183, 107;
$olden-amber-light: mix(#fff, $olden-amber, 20%);
$olden-amber-dark: mix(#000, $olden-amber, 20%);
.element {
color: $olden-amber;
box-shadow: 0 0 0 2px rgba($olden-amber, 0.35);
}