Colore con nome · #9C9152
Tupelo Tree
Tupelo Tree è #9C9152: rgb(156 145 82), hsl(51 31% 47%), oklch(0.652 0.085 99.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Tupelo Tree color name →
#9C9152
oklch(0.652 0.085 99.6)
Conversioni di colore
- HEX
- #9c9152
- RGB
- rgb(156 145 82)
- HSL
- hsl(51 31% 47%)
- HWB
- hwb(51 32% 39%)
- OKLCH
- oklch(0.652 0.085 99.6)
- OKLab
- oklab(0.652 -0.014 0.083)
- CIE Lab
- lab(60.08 -2.39 34.77)
- LCH
- lch(60.08 34.85 93.9)
- CMYK
- cmyk(0% 7% 47% 39%)
Tinte · Ombre · Toni
Tinte
- A59C64
- AFA675
- B9B186
- C2BC97
- CCC7A8
- D6D2B9
- E0DDCA
- EAE8DC
- F5F4ED
Ombre
- 877D46
- 736A3B
- 5F582F
- 4C4625
- 39351A
- 282511
- 181508
- 090702
- 010100
Toni
- 998F58
- 968E5D
- 938C62
- 918B67
- 8E896C
- 8B8770
- 888574
- 858478
- 83827C
Armonie di colore
Complementare +180°
- 9C9152
Tupelo Tree
- 858AC3
≈ Pleated Mauve
Analogo -30° +30°
- 9C9152
Tupelo Tree
- B18655
≈ Camel Spider
- 7F9A62
≈ Walking Dead
Triadico +120° +240°
- 9C9152
Tupelo Tree
- 4D9CB3
≈ Starflower Blue
- B37BA0
≈ Purple Cheeks
Complementare divisa +150° +210°
- 9C9152
Tupelo Tree
- 6794C2
≈ Eyeshadow Blue
- 9F81B7
≈ Purple Mountains’ Majesty
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.18:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.58:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--tupelo-tree: #9c9152;
--tupelo-tree-rgb: 156 145 82;
--tupelo-tree-oklch: oklch(0.652 0.085 99.6);
}
.element {
color: var(--tupelo-tree);
background-color: hsl(51 31% 47%);
border-color: oklch(0.652 0.085 99.6);
}Tailwind CSS v4
@theme {
--color-tupelo-tree: #9c9152;
--color-tupelo-tree-50: #faf7db;
--color-tupelo-tree-100: #ede9c9;
--color-tupelo-tree-200: #dbd6ad;
--color-tupelo-tree-300: #c0b987;
--color-tupelo-tree-400: #aaa064;
--color-tupelo-tree-500: #948740;
--color-tupelo-tree-600: #7d7338;
--color-tupelo-tree-700: #645c2c;
--color-tupelo-tree-800: #4a431e;
--color-tupelo-tree-900: #342e14;
--color-tupelo-tree-950: #1f1b06;
}SCSS
$tupelo-tree: #9c9152;
$tupelo-tree-rgb: 156, 145, 82;
$tupelo-tree-light: mix(#fff, $tupelo-tree, 20%);
$tupelo-tree-dark: mix(#000, $tupelo-tree, 20%);
.element {
color: $tupelo-tree;
box-shadow: 0 0 0 2px rgba($tupelo-tree, 0.35);
}