Color con nombre · #A7856D
Antique Chest
Antique Chest es #A7856D: rgb(167 133 109), hsl(25 25% 54%), oklch(0.643 0.054 56.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Antique Chest color name →
#A7856D
oklch(0.643 0.054 56.8)
Conversiones de color
- HEX
- #a7856d
- RGB
- rgb(167 133 109)
- HSL
- hsl(25 25% 54%)
- HWB
- hwb(25 43% 35%)
- OKLCH
- oklch(0.643 0.054 56.8)
- OKLab
- oklab(0.643 0.03 0.045)
- CIE Lab
- lab(58.36 10.87 18.18)
- LCH
- lch(58.36 21.19 59.1)
- CMYK
- cmyk(0% 20% 35% 35%)
Tintes · Sombras · Tonos
Tintes
- B0917B
- B99C89
- C1A897
- CAB4A5
- D3C1B4
- DCCDC3
- E4D9D2
- EDE6E1
- F6F2F0
Sombras
- 91735E
- 7B614F
- 665041
- 524033
- 3E3026
- 2C2119
- 1A130D
- 0A0604
- 010101
Tonos
- A3856F
- 9F8471
- 9C8473
- 988375
- 948377
- 908279
- 8C827B
- 88817D
- 84817E
Armonías de color
Complementario +180°
- A7856D
Antique Chest
- 6E92AA
≈ Aragonite Blue
Análogo -30° +30°
- A7856D
Antique Chest
- AC817B
≈ Smoke Bush Rose
- 9B8B67
≈ Autumn Laurel
Triádico +120° +240°
- A7856D
Antique Chest
- 69988C
≈ Little League
- 9086AB
≈ Purple Hills
Complementario dividido +150° +210°
- A7856D
Antique Chest
- 65979E
≈ Shore Water
- 7E8DAF
≈ Ashton Skies
Tetrádico +90° +180° +270°
- A7856D
Antique Chest
- 78967A
≈ Mid Cypress
- 6E92AA
≈ Aragonite Blue
- 9F829E
≈ Pink Plumeria
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.37:1 · APCA Lc 61
Ag
AASobre negro
WCAG 6.21:1 · APCA Lc 40
Mejor color de texto: #000000
WCAG 6.21:1 (AA) · APCA Lc 40
Contrast pairs
Fragmentos de código
CSS
:root {
--antique-chest: #a7856d;
--antique-chest-rgb: 167 133 109;
--antique-chest-oklch: oklch(0.643 0.054 56.8);
}
.element {
color: var(--antique-chest);
background-color: hsl(25 25% 54%);
border-color: oklch(0.643 0.054 56.8);
}Tailwind CSS v4
@theme {
--color-antique-chest: #a7856d;
--color-antique-chest-50: #fff2e6;
--color-antique-chest-100: #f6e4d7;
--color-antique-chest-200: #e7cfbe;
--color-antique-chest-300: #cdb19c;
--color-antique-chest-400: #b89780;
--color-antique-chest-500: #a27d63;
--color-antique-chest-600: #896a54;
--color-antique-chest-700: #6e5543;
--color-antique-chest-800: #513e30;
--color-antique-chest-900: #392a21;
--color-antique-chest-950: #231810;
}SCSS
$antique-chest: #a7856d;
$antique-chest-rgb: 167, 133, 109;
$antique-chest-light: mix(#fff, $antique-chest, 20%);
$antique-chest-dark: mix(#000, $antique-chest, 20%);
.element {
color: $antique-chest;
box-shadow: 0 0 0 2px rgba($antique-chest, 0.35);
}