Color con nombre más cercano · #85673B
#85673B
Color con nombre más cercano: Autumn Gold
#85673B (rgb(133 103 59), hsl(36 39% 38%), oklch(0.534 0.072 75.8)) se parece más al color con nombre Autumn Gold. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#85673B
oklch(0.534 0.072 75.8)
Conversiones de color
- HEX
- #85673b
- RGB
- rgb(133 103 59)
- HSL
- hsl(36 39% 38%)
- HWB
- hwb(36 23% 48%)
- OKLCH
- oklch(0.534 0.072 75.8)
- OKLab
- oklab(0.534 0.018 0.07)
- CIE Lab
- lab(45.92 8.31 29.44)
- LCH
- lch(45.92 30.59 74.2)
- CMYK
- cmyk(0% 23% 56% 48%)
Tintes · Sombras · Tonos
Tintes
- 91754E
- 9D8461
- A99374
- B5A187
- C1B19A
- CDC0AE
- D9CFC2
- E6DFD6
- F2EFEA
Sombras
- 735932
- 614B29
- 503D21
- 403019
- 302311
- 211709
- 130C04
- 060401
- 010000
Tonos
- 856A43
- 846C4A
- 846F51
- 837158
- 83745F
- 827666
- 82796C
- 817B73
- 817E7A
Armonías de color
Complementario +180°
- 85673B
Autumn Gold
- 516F96
≈ Riverside
Análogo -30° +30°
- 85673B
Autumn Gold
- 906049
≈ Weathered Leather
- 72703C
≈ Relentless Olive
Triádico +120° +240°
- 85673B
Autumn Gold
- 317A7A
≈ Atoll
- 7D6089
≈ Dusty Purple
Complementario dividido +150° +210°
- 85673B
Autumn Gold
- 39768D
≈ English River
- 696795
≈ Dark Horizon
Tetrádico +90° +180° +270°
- 85673B
Autumn Gold
- 407A63
≈ Fir
- 516F96
≈ Riverside
- 8B5C76
≈ Grape Nectar
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 {
--autumn-gold: #85673b;
--autumn-gold-rgb: 133 103 59;
--autumn-gold-oklch: oklch(0.534 0.072 75.8);
}
.element {
color: var(--autumn-gold);
background-color: hsl(36 39% 38%);
border-color: oklch(0.534 0.072 75.8);
}Tailwind CSS v4
@theme {
--color-autumn-gold: #85673b;
--color-autumn-gold-50: #fff3df;
--color-autumn-gold-100: #f6e5ce;
--color-autumn-gold-200: #e6d1b3;
--color-autumn-gold-300: #ccb38e;
--color-autumn-gold-400: #b7996e;
--color-autumn-gold-500: #a2804e;
--color-autumn-gold-600: #896c43;
--color-autumn-gold-700: #6e5635;
--color-autumn-gold-800: #513f25;
--color-autumn-gold-900: #392b19;
--color-autumn-gold-950: #23180a;
}SCSS
$autumn-gold: #85673b;
$autumn-gold-rgb: 133, 103, 59;
$autumn-gold-light: mix(#fff, $autumn-gold, 20%);
$autumn-gold-dark: mix(#000, $autumn-gold, 20%);
.element {
color: $autumn-gold;
box-shadow: 0 0 0 2px rgba($autumn-gold, 0.35);
}