Named color · #BB9973
Antique Treasure
Antique Treasure is #BB9973: rgb(187 153 115), hsl(32 35% 59%), oklch(0.705 0.066 69.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Antique Treasure color name →
#BB9973
oklch(0.705 0.066 69.5)
Color conversions
- HEX
- #bb9973
- RGB
- rgb(187 153 115)
- HSL
- hsl(32 35% 59%)
- HWB
- hwb(32 45% 27%)
- OKLCH
- oklch(0.705 0.066 69.5)
- OKLab
- oklab(0.705 0.023 0.062)
- CIE Lab
- lab(65.7 9.19 25.03)
- LCH
- lch(65.7 26.66 69.8)
- CMYK
- cmyk(0% 18% 39% 27%)
Tints · Shades · Tones
Tints
- C2A381
- C9AD8E
- CFB79C
- D6C1AA
- DDCBB8
- E4D5C6
- EBE0D4
- F1EAE2
- F8F5F1
Shades
- A28463
- 8A7054
- 735D45
- 5C4A36
- 463828
- 32271B
- 1F170F
- 0D0805
- 020101
Tones
- B59775
- AF9476
- A99278
- A38F79
- 9D8D7B
- 988A7C
- 92887D
- 8C857E
- 86837F
Color harmonies
Complementary +180°
- BB9973
Antique Treasure
- 80A4C8
≈ Seaborne
Analogous -30° +30°
- BB9973
Antique Treasure
- C59281
≈ Black Hills Gold
- A9A171
≈ Throw Rug
Triadic +120° +240°
- BB9973
Antique Treasure
- 6EADA9
≈ Turquoise Fantasies
- AC95BF
≈ Lavender Earl
Split-complementary +150° +210°
- BB9973
Antique Treasure
- 70AABC
≈ Snowboard
- 979CC9
≈ Hair Ribbon
Tetradic +90° +180° +270°
- BB9973
Antique Treasure
- 7CAD91
≈ Nature Green
- 80A4C8
≈ Seaborne
- BC90AD
≈ Fabulous Fantasy
Contrast & accessibility
Ag
FailOn white
WCAG 2.65:1 · APCA Lc 52
Ag
AAAOn black
WCAG 7.91:1 · APCA Lc 50
Best text color: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--antique-treasure: #bb9973;
--antique-treasure-rgb: 187 153 115;
--antique-treasure-oklch: oklch(0.705 0.066 69.5);
}
.element {
color: var(--antique-treasure);
background-color: hsl(32 35% 59%);
border-color: oklch(0.705 0.066 69.5);
}Tailwind CSS v4
@theme {
--color-antique-treasure: #bb9973;
--color-antique-treasure-50: #fff3e1;
--color-antique-treasure-100: #f6e5d1;
--color-antique-treasure-200: #e7d0b6;
--color-antique-treasure-300: #cdb293;
--color-antique-treasure-400: #b89874;
--color-antique-treasure-500: #a37e55;
--color-antique-treasure-600: #8a6b49;
--color-antique-treasure-700: #6e563a;
--color-antique-treasure-800: #523e29;
--color-antique-treasure-900: #392b1c;
--color-antique-treasure-950: #23180c;
}SCSS
$antique-treasure: #bb9973;
$antique-treasure-rgb: 187, 153, 115;
$antique-treasure-light: mix(#fff, $antique-treasure, 20%);
$antique-treasure-dark: mix(#000, $antique-treasure, 20%);
.element {
color: $antique-treasure;
box-shadow: 0 0 0 2px rgba($antique-treasure, 0.35);
}