Cor nomeada · #BB993A
Golden History
Golden History é #BB993A: rgb(187 153 58), hsl(44 53% 48%), oklch(0.697 0.119 89). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden History color name →
#BB993A
oklch(0.697 0.119 89)
Conversões de cor
- HEX
- #bb993a
- RGB
- rgb(187 153 58)
- HSL
- hsl(44 53% 48%)
- HWB
- hwb(44 23% 27%)
- OKLCH
- oklch(0.697 0.119 89)
- OKLab
- oklab(0.697 0.002 0.119)
- CIE Lab
- lab(65.08 5.62 52.73)
- LCH
- lch(65.08 53.03 83.9)
- CMYK
- cmyk(0% 18% 69% 27%)
Tons claros · Sombras · Tons
Tons claros
- C2A352
- C8AD67
- CFB87B
- D6C28E
- DDCCA1
- E4D6B4
- EAE0C7
- F1EBD9
- F8F5EC
Sombras
- A28431
- 8A7028
- 735D20
- 5C4A18
- 463810
- 322709
- 1F1704
- 0D0801
- 020100
Tons
- B59745
- AF944F
- A99257
- A3905E
- 9D8D65
- 978B6B
- 918871
- 8C8576
- 86837B
Harmonias de cor
Complementar +180°
- BB993A
Golden History
- 7F99E7
≈ Portage
Análoga -30° +30°
- BB993A
Golden History
- D38A4C
≈ Acorn Nut
- 95A84D
≈ Ogryn Camo
Tríade +120° +240°
- BB993A
Golden History
- 0CB1C5
≈ Antigua Blue
- C682C1
≈ Lavender Sweater
Complementar dividida +150° +210°
- BB993A
Golden History
- 4DA7DF
≈ High Blue
- A88CDD
≈ Middy’s Purple
Tétrade +90° +180° +270°
- BB993A
Golden History
- 29B59F
≈ Aare River
- 7F99E7
≈ Portage
- D87D9C
≈ Impatient Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.71:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.73:1 · APCA Lc 49
Melhor cor de texto: #000000
WCAG 7.73:1 (AAA) · APCA Lc 49
Contrast pairs
Trechos de código
CSS
:root {
--golden-history: #bb993a;
--golden-history-rgb: 187 153 58;
--golden-history-oklch: oklch(0.697 0.119 89);
}
.element {
color: var(--golden-history);
background-color: hsl(44 53% 48%);
border-color: oklch(0.697 0.119 89);
}Tailwind CSS v4
@theme {
--color-golden-history: #bb993a;
--color-golden-history-50: #fff5cf;
--color-golden-history-100: #f7e7bb;
--color-golden-history-200: #e7d39a;
--color-golden-history-300: #ceb56e;
--color-golden-history-400: #bb9a43;
--color-golden-history-500: #a68100;
--color-golden-history-600: #8c6d00;
--color-golden-history-700: #705703;
--color-golden-history-800: #543f01;
--color-golden-history-900: #3b2b02;
--color-golden-history-950: #251800;
}SCSS
$golden-history: #bb993a;
$golden-history-rgb: 187, 153, 58;
$golden-history-light: mix(#fff, $golden-history, 20%);
$golden-history-dark: mix(#000, $golden-history, 20%);
.element {
color: $golden-history;
box-shadow: 0 0 0 2px rgba($golden-history, 0.35);
}