Colore con nome · #9B8B7C
Light Mahogany
Light Mahogany è #9B8B7C: rgb(155 139 124), hsl(29 13% 55%), oklch(0.647 0.029 65.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Mahogany color name →
#9B8B7C
oklch(0.647 0.029 65.4)
Conversioni di colore
- HEX
- #9b8b7c
- RGB
- rgb(155 139 124)
- HSL
- hsl(29 13% 55%)
- HWB
- hwb(29 49% 39%)
- OKLCH
- oklch(0.647 0.029 65.4)
- OKLab
- oklab(0.647 0.012 0.026)
- CIE Lab
- lab(59 4.33 10.36)
- LCH
- lch(59 11.23 67.3)
- CMYK
- cmyk(0% 10% 20% 39%)
Tinte · Ombre · Toni
Tinte
- A59688
- AEA195
- B8ACA2
- C2B8AF
- CCC3BC
- D6CFC9
- E0DBD6
- EAE7E4
- F5F3F1
Ombre
- 86786B
- 72665A
- 5E544A
- 4B433B
- 39322C
- 28231E
- 181411
- 090705
- 010101
Toni
- 988A7C
- 96897D
- 93887D
- 90877E
- 8E867E
- 8B847F
- 88837F
- 85827F
- 838180
Armonie di colore
Complementare +180°
- 9B8B7C
Light Mahogany
- 80909F
≈ London Square
Analogo -30° +30°
- 9B8B7C
Light Mahogany
- 9F8882
≈ Cocoa Berry
- 938E7B
≈ Olivine Grey
Triadico +120° +240°
- 9B8B7C
Light Mahogany
- 7B9491
≈ Classic Damask
- 928A9D
≈ Gentle Grape
Complementare divisa +150° +210°
- 9B8B7C
Light Mahogany
- 7B9399
≈ Silent Tide
- 898DA0
≈ Violet Verbena
Tetradico +90° +180° +270°
- 9B8B7C
Light Mahogany
- 819487
≈ Wethersfield Moss
- 80909F
≈ London Square
- 9A8895
≈ Purple Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.29:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.37:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.37:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--light-mahogany: #9b8b7c;
--light-mahogany-rgb: 155 139 124;
--light-mahogany-oklch: oklch(0.647 0.029 65.4);
}
.element {
color: var(--light-mahogany);
background-color: hsl(29 13% 55%);
border-color: oklch(0.647 0.029 65.4);
}Tailwind CSS v4
@theme {
--color-light-mahogany: #9b8b7c;
--color-light-mahogany-50: #fbf4ed;
--color-light-mahogany-100: #efe6de;
--color-light-mahogany-200: #ddd2c7;
--color-light-mahogany-300: #c2b5a8;
--color-light-mahogany-400: #ab9b8d;
--color-light-mahogany-500: #948372;
--color-light-mahogany-600: #7d6f61;
--color-light-mahogany-700: #64584d;
--color-light-mahogany-800: #4a4038;
--color-light-mahogany-900: #332c26;
--color-light-mahogany-950: #1f1915;
}SCSS
$light-mahogany: #9b8b7c;
$light-mahogany-rgb: 155, 139, 124;
$light-mahogany-light: mix(#fff, $light-mahogany, 20%);
$light-mahogany-dark: mix(#000, $light-mahogany, 20%);
.element {
color: $light-mahogany;
box-shadow: 0 0 0 2px rgba($light-mahogany, 0.35);
}