Color con nombre más cercano · #8F7330
#8F7330
Color con nombre más cercano: Aged Antics
#8F7330 (rgb(143 115 48), hsl(42 50% 37%), oklch(0.569 0.092 86.3)) 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.
#8F7330
oklch(0.569 0.092 86.3)
Conversiones de color
- HEX
- #8f7330
- RGB
- rgb(143 115 48)
- HSL
- hsl(42 50% 37%)
- HWB
- hwb(42 19% 44%)
- OKLCH
- oklch(0.569 0.092 86.3)
- OKLab
- oklab(0.569 0.006 0.092)
- CIE Lab
- lab(50.19 5.65 40.26)
- LCH
- lch(50.19 40.65 82)
- CMYK
- cmyk(0% 20% 66% 44%)
Tintes · Sombras · Tonos
Tintes
- 9A8047
- A58E5B
- B09C70
- BBA984
- C6B798
- D1C5AC
- DCD4C0
- E8E2D5
- F3F0EA
Sombras
- 7C6328
- 695421
- 57451A
- 453613
- 34280C
- 241B06
- 150F03
- 070501
- 010100
Tonos
- 8E753B
- 8C7644
- 8B774D
- 897955
- 887A5C
- 867B64
- 857D6B
- 837E72
- 827F79
Armonías de color
Complementario +180°
- 8F7330
Aged Antics
- 5E75AE
≈ King’s Robe
Análogo -30° +30°
- 8F7330
Aged Antics
- A0683E
≈ Earth
- 747E3B
≈ Calla Green
Triádico +120° +240°
- 8F7330
Aged Antics
- 198692
≈ River Fountain
- 936394
≈ Aster Violetta
Complementario dividido +150° +210°
- 8F7330
Aged Antics
- 3A7FA6
≈ Cendre Blue
- 7C6BA7
≈ Wintertime Mauve
Tetrádico +90° +180° +270°
- 8F7330
Aged Antics
- 2A8975
≈ Ionian
- 5E75AE
≈ King’s Robe
- A25F79
≈ Cosmetic Red
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--aged-antics: #8f7330;
--aged-antics-rgb: 143 115 48;
--aged-antics-oklch: oklch(0.569 0.092 86.3);
}
.element {
color: var(--aged-antics);
background-color: hsl(42 50% 37%);
border-color: oklch(0.569 0.092 86.3);
}Tailwind CSS v4
@theme {
--color-aged-antics: #8f7330;
--color-aged-antics-50: #fff4d8;
--color-aged-antics-100: #f5e7c6;
--color-aged-antics-200: #e4d3a8;
--color-aged-antics-300: #cbb581;
--color-aged-antics-400: #b69b5d;
--color-aged-antics-500: #a18236;
--color-aged-antics-600: #886e2f;
--color-aged-antics-700: #6d5825;
--color-aged-antics-800: #514019;
--color-aged-antics-900: #392c10;
--color-aged-antics-950: #231903;
}SCSS
$aged-antics: #8f7330;
$aged-antics-rgb: 143, 115, 48;
$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);
}