Color con nombre · #794029
Burnished Russet
Burnished Russet es #794029: rgb(121 64 41), hsl(17 49% 32%), oklch(0.437 0.087 42.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · Burnished Russet color name →
#794029
oklch(0.437 0.087 42.2)
Conversiones de color
- HEX
- #794029
- RGB
- rgb(121 64 41)
- HSL
- hsl(17 49% 32%)
- HWB
- hwb(17 16% 53%)
- OKLCH
- oklch(0.437 0.087 42.2)
- OKLab
- oklab(0.437 0.064 0.058)
- CIE Lab
- lab(34.12 23.72 25.35)
- LCH
- lch(34.12 34.72 46.9)
- CMYK
- cmyk(0% 47% 66% 53%)
Tintes · Sombras · Tonos
Tintes
- 87523D
- 946451
- A27665
- AF897A
- BD9C8F
- CAAFA5
- D7C3BB
- E5D6D1
- F2EBE8
Sombras
- 683622
- 582D1C
- 482415
- 391B0F
- 2B1309
- 1D0B05
- 100502
- 050101
- 010000
Tonos
- 7A4732
- 7C4D3B
- 7D5444
- 7E5A4C
- 7F6155
- 7F675E
- 806D66
- 80746F
- 807A77
Armonías de color
Complementario +180°
- 794029
Burnished Russet
- 005B72
≈ Octagon Ocean
Análogo -30° +30°
- 794029
Burnished Russet
- 7A3C45
≈ Amfissa Olive
- 6F490E
≈ Antique Bronze
Triádico +120° +240°
- 794029
Burnished Russet
- 156043
≈ Green Paw Paw
- 4B4B80
≈ Altar of Heaven
Complementario dividido +150° +210°
- 794029
Burnished Russet
- 005F5D
≈ Mosque
- 2B5480
≈ Boat Blue
Tetrádico +90° +180° +270°
- 794029
Burnished Russet
- 3F5C26
≈ Obscure Olive
- 005B72
≈ Octagon Ocean
- 624374
≈ Magenta Red Lips
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.14:1 · APCA Lc 88
Ag
FailSobre negro
WCAG 2.57:1 · APCA Lc 14
Mejor color de texto: #FFFFFF
WCAG 8.14:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--burnished-russet: #794029;
--burnished-russet-rgb: 121 64 41;
--burnished-russet-oklch: oklch(0.437 0.087 42.2);
}
.element {
color: var(--burnished-russet);
background-color: hsl(17 49% 32%);
border-color: oklch(0.437 0.087 42.2);
}Tailwind CSS v4
@theme {
--color-burnished-russet: #794029;
--color-burnished-russet-50: #ffeee1;
--color-burnished-russet-100: #ffdfd1;
--color-burnished-russet-200: #f5c9b7;
--color-burnished-russet-300: #deaa93;
--color-burnished-russet-400: #cb8e76;
--color-burnished-russet-500: #b77257;
--color-burnished-russet-600: #9a614a;
--color-burnished-russet-700: #7c4d3b;
--color-burnished-russet-800: #5c382b;
--color-burnished-russet-900: #40261d;
--color-burnished-russet-950: #29140d;
}SCSS
$burnished-russet: #794029;
$burnished-russet-rgb: 121, 64, 41;
$burnished-russet-light: mix(#fff, $burnished-russet, 20%);
$burnished-russet-dark: mix(#000, $burnished-russet, 20%);
.element {
color: $burnished-russet;
box-shadow: 0 0 0 2px rgba($burnished-russet, 0.35);
}