Colore con nome · #734842
Burnished Mahogany
Burnished Mahogany è #734842: rgb(115 72 66), hsl(7 27% 35%), oklch(0.449 0.06 28.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Burnished Mahogany color name →
#734842
oklch(0.449 0.06 28.3)
Conversioni di colore
- HEX
- #734842
- RGB
- rgb(115 72 66)
- HSL
- hsl(7 27% 35%)
- HWB
- hwb(7 26% 55%)
- OKLCH
- oklch(0.449 0.06 28.3)
- OKLab
- oklab(0.449 0.053 0.029)
- CIE Lab
- lab(35.58 18.33 11.66)
- LCH
- lch(35.58 21.73 32.4)
- CMYK
- cmyk(0% 37% 43% 55%)
Tinte · Ombre · Toni
Tinte
- 815953
- 8F6A64
- 9D7B76
- AA8D89
- B89F9B
- C6B2AF
- D4C5C2
- E3D8D6
- F1EBEA
Ombre
- 633D38
- 54332F
- 452925
- 361F1C
- 281614
- 1B0D0B
- 0F0605
- 050201
- 010000
Toni
- 754E48
- 76534E
- 785954
- 7A5E5A
- 7B6460
- 7C6A67
- 7D6F6D
- 7E7573
- 7F7A7A
Armonie di colore
Complementare +180°
- 734842
Burnished Mahogany
- 255E67
≈ Gulf Harbour
Analogo -30° +30°
- 734842
Burnished Mahogany
- 714755
≈ Deep Carmine
- 6E4D32
≈ Tilled Soil
Triadico +120° +240°
- 734842
Burnished Mahogany
- 3D5E42
≈ Horsetail
- 475477
≈ Signature Blue
Complementare divisa +150° +210°
- 734842
Burnished Mahogany
- 2A6055
≈ Eden
- 335A73
≈ Water Chi
Tetradico +90° +180° +270°
- 734842
Burnished Mahogany
- 525A32
≈ Soldier Green
- 255E67
≈ Gulf Harbour
- 594E72
≈ Benikakehana Purple
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.67:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.73:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.67:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--burnished-mahogany: #734842;
--burnished-mahogany-rgb: 115 72 66;
--burnished-mahogany-oklch: oklch(0.449 0.06 28.3);
}
.element {
color: var(--burnished-mahogany);
background-color: hsl(7 27% 35%);
border-color: oklch(0.449 0.06 28.3);
}Tailwind CSS v4
@theme {
--color-burnished-mahogany: #734842;
--color-burnished-mahogany-50: #ffefeb;
--color-burnished-mahogany-100: #fce1dc;
--color-burnished-mahogany-200: #edcbc5;
--color-burnished-mahogany-300: #d5ada5;
--color-burnished-mahogany-400: #c0918a;
--color-burnished-mahogany-500: #ab7770;
--color-burnished-mahogany-600: #90655f;
--color-burnished-mahogany-700: #74514c;
--color-burnished-mahogany-800: #563a37;
--color-burnished-mahogany-900: #3c2826;
--color-burnished-mahogany-950: #251614;
}SCSS
$burnished-mahogany: #734842;
$burnished-mahogany-rgb: 115, 72, 66;
$burnished-mahogany-light: mix(#fff, $burnished-mahogany, 20%);
$burnished-mahogany-dark: mix(#000, $burnished-mahogany, 20%);
.element {
color: $burnished-mahogany;
box-shadow: 0 0 0 2px rgba($burnished-mahogany, 0.35);
}