Colore con nome · #665043
Revival Mahogany
Revival Mahogany è #665043: rgb(102 80 67), hsl(22 21% 33%), oklch(0.45 0.036 52.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Revival Mahogany color name →
#665043
oklch(0.45 0.036 52.1)
Conversioni di colore
- HEX
- #665043
- RGB
- rgb(102 80 67)
- HSL
- hsl(22 21% 33%)
- HWB
- hwb(22 26% 60%)
- OKLCH
- oklch(0.45 0.036 52.1)
- OKLab
- oklab(0.45 0.022 0.028)
- CIE Lab
- lab(36.08 7.97 11.38)
- LCH
- lch(36.08 13.89 55)
- CMYK
- cmyk(0% 22% 34% 60%)
Tinte · Ombre · Toni
Tinte
- 746054
- 837065
- 928177
- A19289
- B0A39C
- BFB5AF
- CFC7C3
- DFD9D6
- EFECEB
Ombre
- 584439
- 4A392F
- 3C2E26
- 2F241D
- 231A14
- 17100C
- 0C0705
- 040201
- 000000
Toni
- 695549
- 6B594F
- 6E5E55
- 71635B
- 736861
- 766D67
- 78716D
- 7B7673
- 7E7B7A
Armonie di colore
Complementare +180°
- 665043
Revival Mahogany
- 415966
≈ Saxon Blue
Analogo -30° +30°
- 665043
Revival Mahogany
- 684E4C
≈ Robeson Rose
- 5F543E
≈ Crossbow
Triadico +120° +240°
- 665043
Revival Mahogany
- 415C53
≈ Trekking Green
- 555268
≈ Freefall
Complementare divisa +150° +210°
- 665043
Revival Mahogany
- 3D5C5E
≈ Teal Forest
- 4A566A
≈ Rainmaker
Tetradico +90° +180° +270°
- 665043
Revival Mahogany
- 4A5B48
≈ Greenwich
- 415966
≈ Saxon Blue
- 5F4F61
≈ Vintage Violet
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.51:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.79:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.51:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--revival-mahogany: #665043;
--revival-mahogany-rgb: 102 80 67;
--revival-mahogany-oklch: oklch(0.45 0.036 52.1);
}
.element {
color: var(--revival-mahogany);
background-color: hsl(22 21% 33%);
border-color: oklch(0.45 0.036 52.1);
}Tailwind CSS v4
@theme {
--color-revival-mahogany: #665043;
--color-revival-mahogany-50: #fef3ec;
--color-revival-mahogany-100: #f2e5dd;
--color-revival-mahogany-200: #e1d1c6;
--color-revival-mahogany-300: #c7b3a6;
--color-revival-mahogany-400: #b1998b;
--color-revival-mahogany-500: #9a8071;
--color-revival-mahogany-600: #826c5f;
--color-revival-mahogany-700: #68574c;
--color-revival-mahogany-800: #4d3f37;
--color-revival-mahogany-900: #362b26;
--color-revival-mahogany-950: #211914;
}SCSS
$revival-mahogany: #665043;
$revival-mahogany-rgb: 102, 80, 67;
$revival-mahogany-light: mix(#fff, $revival-mahogany, 20%);
$revival-mahogany-dark: mix(#000, $revival-mahogany, 20%);
.element {
color: $revival-mahogany;
box-shadow: 0 0 0 2px rgba($revival-mahogany, 0.35);
}