Colore con nome · #9A845E
Twisted Tail
Twisted Tail è #9A845E: rgb(154 132 94), hsl(38 24% 49%), oklch(0.624 0.059 80.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Twisted Tail color name →
#9A845E
oklch(0.624 0.059 80.9)
Conversioni di colore
- HEX
- #9a845e
- RGB
- rgb(154 132 94)
- HSL
- hsl(38 24% 49%)
- HWB
- hwb(38 37% 40%)
- OKLCH
- oklch(0.624 0.059 80.9)
- OKLab
- oklab(0.624 0.009 0.059)
- CIE Lab
- lab(56.5 4.54 23.81)
- LCH
- lch(56.5 24.24 79.2)
- CMYK
- cmyk(0% 14% 39% 40%)
Tinte · Ombre · Toni
Tinte
- A4906D
- AE9C7D
- B8A88D
- C2B49D
- CCC0AD
- D6CCBD
- E0D9CD
- EAE5DD
- F5F2EE
Ombre
- 857251
- 716044
- 5E4F37
- 4B3F2B
- 392F1F
- 272014
- 17120A
- 090603
- 010100
Toni
- 978462
- 958366
- 928369
- 90836D
- 8D8270
- 8A8273
- 888177
- 85817A
- 83807D
Armonie di colore
Complementare +180°
- 9A845E
Twisted Tail
- 7388AC
≈ Enchanting Sky
Analogo -30° +30°
- 9A845E
Twisted Tail
- A57D67
≈ New Penny
- 898B61
≈ Pesto Paste
Triadico +120° +240°
- 9A845E
Twisted Tail
- 5A9296
≈ Cabana Blue
- 987C9E
≈ Divine
Complementare divisa +150° +210°
- 9A845E
Twisted Tail
- 628EA5
≈ Saltbox Blue
- 8781A9
≈ Aster Purple
Tetradico +90° +180° +270°
- 9A845E
Twisted Tail
- 629382
≈ Grandview
- 7388AC
≈ Enchanting Sky
- A4798C
≈ Dusky Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.59:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.83:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--twisted-tail: #9a845e;
--twisted-tail-rgb: 154 132 94;
--twisted-tail-oklch: oklch(0.624 0.059 80.9);
}
.element {
color: var(--twisted-tail);
background-color: hsl(38 24% 49%);
border-color: oklch(0.624 0.059 80.9);
}Tailwind CSS v4
@theme {
--color-twisted-tail: #9a845e;
--color-twisted-tail-50: #fef4e2;
--color-twisted-tail-100: #f2e7d2;
--color-twisted-tail-200: #e1d3b8;
--color-twisted-tail-300: #c6b595;
--color-twisted-tail-400: #b19b77;
--color-twisted-tail-500: #9b8258;
--color-twisted-tail-600: #836e4b;
--color-twisted-tail-700: #69583c;
--color-twisted-tail-800: #4e402b;
--color-twisted-tail-900: #362c1d;
--color-twisted-tail-950: #21190d;
}SCSS
$twisted-tail: #9a845e;
$twisted-tail-rgb: 154, 132, 94;
$twisted-tail-light: mix(#fff, $twisted-tail, 20%);
$twisted-tail-dark: mix(#000, $twisted-tail, 20%);
.element {
color: $twisted-tail;
box-shadow: 0 0 0 2px rgba($twisted-tail, 0.35);
}