Cor nomeada · #EABA8A
Gold Vessel
Gold Vessel é #EABA8A: rgb(234 186 138), hsl(30 70% 73%), oklch(0.821 0.084 66.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gold Vessel color name →
#EABA8A
oklch(0.821 0.084 66.2)
Conversões de cor
- HEX
- #eaba8a
- RGB
- rgb(234 186 138)
- HSL
- hsl(30 70% 73%)
- HWB
- hwb(30 54% 8%)
- OKLCH
- oklch(0.821 0.084 66.2)
- OKLab
- oklab(0.821 0.034 0.077)
- CIE Lab
- lab(79.07 13.32 31.28)
- LCH
- lch(79.07 34 66.9)
- CMYK
- cmyk(0% 21% 41% 8%)
Tons claros · Sombras · Tons
Tons claros
- ECC196
- EFC8A2
- F1CFAD
- F3D6B9
- F5DDC5
- F7E3D0
- F9EADC
- FBF1E8
- FDF8F3
Sombras
- CBA177
- AE8965
- 917253
- 755C42
- 5A4632
- 413222
- 291E14
- 130D07
- 030201
Tons
- DFB48A
- D4AE89
- C9A988
- BFA387
- B49D86
- AA9785
- 9F9184
- 958C83
- 8A8681
Harmonias de cor
Complementar +180°
- EABA8A
Gold Vessel
- 97CAF8
≈ Apocyan
Análoga -30° +30°
- EABA8A
Gold Vessel
- F5B29F
≈ First Date
- D4C585
≈ Wine Yellow
Tríade +120° +240°
- EABA8A
Gold Vessel
- 82D6CD
≈ Isle Royale
- D2B7F0
≈ Connecticut Lilac
Complementar dividida +150° +210°
- EABA8A
Gold Vessel
- 82D2E7
≈ Middle Blue
- B5C0FB
≈ Dried Lilac
Tétrade +90° +180° +270°
- EABA8A
Gold Vessel
- 97D5AE
≈ Vista Blue
- 97CAF8
≈ Apocyan
- E8B0D9
≈ Flower Power
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 11.88:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--gold-vessel: #eaba8a;
--gold-vessel-rgb: 234 186 138;
--gold-vessel-oklch: oklch(0.821 0.084 66.2);
}
.element {
color: var(--gold-vessel);
background-color: hsl(30 70% 73%);
border-color: oklch(0.821 0.084 66.2);
}Tailwind CSS v4
@theme {
--color-gold-vessel: #eaba8a;
--color-gold-vessel-50: #fff1dc;
--color-gold-vessel-100: #fbe3cb;
--color-gold-vessel-200: #edceaf;
--color-gold-vessel-300: #d4b089;
--color-gold-vessel-400: #c19568;
--color-gold-vessel-500: #ac7b46;
--color-gold-vessel-600: #91683d;
--color-gold-vessel-700: #745330;
--color-gold-vessel-800: #573c22;
--color-gold-vessel-900: #3d2916;
--color-gold-vessel-950: #261708;
}SCSS
$gold-vessel: #eaba8a;
$gold-vessel-rgb: 234, 186, 138;
$gold-vessel-light: mix(#fff, $gold-vessel, 20%);
$gold-vessel-dark: mix(#000, $gold-vessel, 20%);
.element {
color: $gold-vessel;
box-shadow: 0 0 0 2px rgba($gold-vessel, 0.35);
}