Cor nomeada · #C19552
Amber Gold
Amber Gold é #C19552: rgb(193 149 82), hsl(36 47% 54%), oklch(0.697 0.1 76.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Amber Gold color name →
#C19552
oklch(0.697 0.1 76.4)
Conversões de cor
- HEX
- #c19552
- RGB
- rgb(193 149 82)
- HSL
- hsl(36 47% 54%)
- HWB
- hwb(36 32% 24%)
- OKLCH
- oklch(0.697 0.1 76.4)
- OKLab
- oklab(0.697 0.024 0.097)
- CIE Lab
- lab(64.9 11.44 41.56)
- LCH
- lch(64.9 43.1 74.6)
- CMYK
- cmyk(0% 23% 58% 24%)
Tons claros · Sombras · Tons
Tons claros
- C79F64
- CEAA76
- D4B587
- DABF99
- E0CAAA
- E7D4BB
- EDDFCC
- F3EADD
- F9F4EE
Sombras
- A78146
- 8F6D3B
- 775A2F
- 5F4825
- 49371A
- 342611
- 201608
- 0E0802
- 020100
Tons
- BA9358
- B4915E
- AD8F63
- A78D68
- A08B6D
- 9A8971
- 948775
- 8D8579
- 87827D
Harmonias de cor
Complementar +180°
- C19552
Amber Gold
- 74A0DB
≈ Kindred
Análoga -30° +30°
- C19552
Amber Gold
- D18A67
≈ Cinnamon Brandy
- A5A254
≈ Desert Locust
Tríade +120° +240°
- C19552
Amber Gold
- 40B1B2
≈ Lake Tahoe Turquoise
- B68AC7
≈ Creeping Bellflower
Complementar dividida +150° +210°
- C19552
Amber Gold
- 4FAACD
≈ Estero Sky
- 9994D9
≈ Portage
Tétrade +90° +180° +270°
- C19552
Amber Gold
- 59B190
≈ Electra
- 74A0DB
≈ Kindred
- CB84AA
≈ Moonlight Mauve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.68:1 · APCA Lc 49
Melhor cor de texto: #000000
WCAG 7.68:1 (AAA) · APCA Lc 49
Contrast pairs
Trechos de código
CSS
:root {
--amber-gold: #c19552;
--amber-gold-rgb: 193 149 82;
--amber-gold-oklch: oklch(0.697 0.1 76.4);
}
.element {
color: var(--amber-gold);
background-color: hsl(36 47% 54%);
border-color: oklch(0.697 0.1 76.4);
}Tailwind CSS v4
@theme {
--color-amber-gold: #c19552;
--color-amber-gold-50: #fff2d6;
--color-amber-gold-100: #fbe5c3;
--color-amber-gold-200: #ecd0a4;
--color-amber-gold-300: #d4b27c;
--color-amber-gold-400: #c09658;
--color-amber-gold-500: #ac7c2e;
--color-amber-gold-600: #916929;
--color-amber-gold-700: #745420;
--color-amber-gold-800: #573d16;
--color-amber-gold-900: #3d2a0e;
--color-amber-gold-950: #261702;
}SCSS
$amber-gold: #c19552;
$amber-gold-rgb: 193, 149, 82;
$amber-gold-light: mix(#fff, $amber-gold, 20%);
$amber-gold-dark: mix(#000, $amber-gold, 20%);
.element {
color: $amber-gold;
box-shadow: 0 0 0 2px rgba($amber-gold, 0.35);
}