Color con nombre más cercano · #856827
#856827
Color con nombre más cercano: Aged Antics
#856827 (rgb(133 104 39), hsl(41 55% 34%), oklch(0.533 0.09 84.4)) se parece más al color con nombre Aged Antics. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#856827
oklch(0.533 0.09 84.4)
Conversiones de color
- HEX
- #856827
- RGB
- rgb(133 104 39)
- HSL
- hsl(41 55% 34%)
- HWB
- hwb(41 15% 48%)
- OKLCH
- oklch(0.533 0.09 84.4)
- OKLab
- oklab(0.533 0.009 0.09)
- CIE Lab
- lab(46 6.67 39.77)
- LCH
- lch(46 40.32 80.5)
- CMYK
- cmyk(0% 22% 71% 48%)
Tintes · Sombras · Tonos
Tintes
- 91763F
- 9D8554
- A89469
- B4A27E
- C1B193
- CDC1A8
- D9D0BE
- E6DFD3
- F2EFE9
Sombras
- 735920
- 614B1A
- 503E14
- 40300E
- 302408
- 211804
- 130C02
- 060401
- 010000
Tonos
- 856B33
- 846D3D
- 847047
- 837250
- 837558
- 827760
- 827968
- 817C70
- 817E78
Armonías de color
Complementario +180°
- 856827
Aged Antics
- 526BA1
≈ San Marino
Análogo -30° +30°
- 856827
Aged Antics
- 955E37
≈ Toffee Crunch
- 6C7330
≈ Muddy Green
Triádico +120° +240°
- 856827
Aged Antics
- 057B85
≈ Mediterranean Cove
- 875A8A
≈ Ancient Murasaki Purple
Complementario dividido +150° +210°
- 856827
Aged Antics
- 2E7599
≈ Male Betta
- 70629C
≈ Scampi
Tetrádico +90° +180° +270°
- 856827
Aged Antics
- 227E69
≈ Green Fingers
- 526BA1
≈ San Marino
- 955670
≈ Grandeur Plum
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.00:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--aged-antics: #856827;
--aged-antics-rgb: 133 104 39;
--aged-antics-oklch: oklch(0.533 0.09 84.4);
}
.element {
color: var(--aged-antics);
background-color: hsl(41 55% 34%);
border-color: oklch(0.533 0.09 84.4);
}Tailwind CSS v4
@theme {
--color-aged-antics: #856827;
--color-aged-antics-50: #fff4d9;
--color-aged-antics-100: #f5e7c6;
--color-aged-antics-200: #e5d2a9;
--color-aged-antics-300: #ccb582;
--color-aged-antics-400: #b79a5f;
--color-aged-antics-500: #a28139;
--color-aged-antics-600: #896d31;
--color-aged-antics-700: #6e5727;
--color-aged-antics-800: #523f1b;
--color-aged-antics-900: #392c11;
--color-aged-antics-950: #231904;
}SCSS
$aged-antics: #856827;
$aged-antics-rgb: 133, 104, 39;
$aged-antics-light: mix(#fff, $aged-antics, 20%);
$aged-antics-dark: mix(#000, $aged-antics, 20%);
.element {
color: $aged-antics;
box-shadow: 0 0 0 2px rgba($aged-antics, 0.35);
}