Colore con nome · #634743
Deep Mahogany
Deep Mahogany è #634743: rgb(99 71 67), hsl(8 19% 33%), oklch(0.427 0.039 28). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Deep Mahogany color name →
#634743
oklch(0.427 0.039 28)
Conversioni di colore
- HEX
- #634743
- RGB
- rgb(99 71 67)
- HSL
- hsl(8 19% 33%)
- HWB
- hwb(8 26% 61%)
- OKLCH
- oklch(0.427 0.039 28)
- OKLab
- oklab(0.427 0.035 0.018)
- CIE Lab
- lab(33.21 11.9 7.38)
- LCH
- lch(33.21 14 31.8)
- CMYK
- cmyk(0% 28% 32% 61%)
Tinte · Ombre · Toni
Tinte
- 725854
- 816965
- 907A77
- 9F8C89
- AF9E9C
- BEB1AF
- CEC4C2
- DED7D6
- EFEBEA
Ombre
- 553D39
- 47322F
- 3A2826
- 2E1F1D
- 211614
- 160D0C
- 0B0605
- 030201
- 000000
Toni
- 664D49
- 69524F
- 6C5855
- 6F5D5B
- 726361
- 756967
- 786F6D
- 7B7473
- 7D7A7A
Armonie di colore
Complementare +180°
- 634743
Deep Mahogany
- 34555A
≈ Frozen Stream
Analogo -30° +30°
- 634743
Deep Mahogany
- 61464F
≈ Gǔ Tóng Hēi Copper
- 604A3A
≈ Beauty Spot
Triadico +120° +240°
- 634743
Deep Mahogany
- 405543
≈ Castellan Green
- 464F65
≈ Tried & True Blue
Complementare divisa +150° +210°
- 634743
Deep Mahogany
- 37564F
≈ Balsam Branch
- 3B5262
≈ Sailing Safari
Tetradico +90° +180° +270°
- 634743
Deep Mahogany
- 4D523A
≈ Broccoli Green
- 34555A
≈ Frozen Stream
- 514B62
≈ Legendary Purple
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.35:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.51:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.35:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--deep-mahogany: #634743;
--deep-mahogany-rgb: 99 71 67;
--deep-mahogany-oklch: oklch(0.427 0.039 28);
}
.element {
color: var(--deep-mahogany);
background-color: hsl(8 19% 33%);
border-color: oklch(0.427 0.039 28);
}Tailwind CSS v4
@theme {
--color-deep-mahogany: #634743;
--color-deep-mahogany-50: #fff1ef;
--color-deep-mahogany-100: #f5e3e0;
--color-deep-mahogany-200: #e5ceca;
--color-deep-mahogany-300: #cbb0ac;
--color-deep-mahogany-400: #b59692;
--color-deep-mahogany-500: #9f7d78;
--color-deep-mahogany-600: #866a65;
--color-deep-mahogany-700: #6c5451;
--color-deep-mahogany-800: #4f3d3b;
--color-deep-mahogany-900: #372a29;
--color-deep-mahogany-950: #221817;
}SCSS
$deep-mahogany: #634743;
$deep-mahogany-rgb: 99, 71, 67;
$deep-mahogany-light: mix(#fff, $deep-mahogany, 20%);
$deep-mahogany-dark: mix(#000, $deep-mahogany, 20%);
.element {
color: $deep-mahogany;
box-shadow: 0 0 0 2px rgba($deep-mahogany, 0.35);
}