Nazwany kolor · #9A845E
Twisted Tail
Twisted Tail to #9A845E: rgb(154 132 94), hsl(38 24% 49%), oklch(0.624 0.059 80.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Twisted Tail color name →
#9A845E
oklch(0.624 0.059 80.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A4906D
- AE9C7D
- B8A88D
- C2B49D
- CCC0AD
- D6CCBD
- E0D9CD
- EAE5DD
- F5F2EE
Odcienie ciemniejsze
- 857251
- 716044
- 5E4F37
- 4B3F2B
- 392F1F
- 272014
- 17120A
- 090603
- 010100
Tony
- 978462
- 958366
- 928369
- 90836D
- 8D8270
- 8A8273
- 888177
- 85817A
- 83807D
Harmonie kolorów
Komplementarna +180°
- 9A845E
Twisted Tail
- 7388AC
≈ Enchanting Sky
Analogowa -30° +30°
- 9A845E
Twisted Tail
- A57D67
≈ New Penny
- 898B61
≈ Pesto Paste
Triada +120° +240°
- 9A845E
Twisted Tail
- 5A9296
≈ Cabana Blue
- 987C9E
≈ Divine
Komplementarna rozszczepiona +150° +210°
- 9A845E
Twisted Tail
- 628EA5
≈ Saltbox Blue
- 8781A9
≈ Aster Purple
Tetrada +90° +180° +270°
- 9A845E
Twisted Tail
- 629382
≈ Grandview
- 7388AC
≈ Enchanting Sky
- A4798C
≈ Dusky Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.59:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.83:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
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);
}