Colore con nome · #BA8C64
Tatami Tan
Tatami Tan è #BA8C64: rgb(186 140 100), hsl(28 38% 56%), oklch(0.675 0.078 61.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tatami Tan color name →
#BA8C64
oklch(0.675 0.078 61.9)
Conversioni di colore
- HEX
- #ba8c64
- RGB
- rgb(186 140 100)
- HSL
- hsl(28 38% 56%)
- HWB
- hwb(28 39% 27%)
- OKLCH
- oklch(0.675 0.078 61.9)
- OKLab
- oklab(0.675 0.037 0.069)
- CIE Lab
- lab(62.08 14.36 28.49)
- LCH
- lch(62.08 31.9 63.3)
- CMYK
- cmyk(0% 25% 46% 27%)
Tinte · Ombre · Toni
Tinte
- C19773
- C8A282
- CFAE92
- D6B9A1
- DDC5B0
- E4D0C0
- EBDCCF
- F2E7DF
- F8F3EF
Ombre
- A17956
- 896748
- 72553B
- 5C432E
- 463322
- 322316
- 1E140B
- 0D0703
- 020100
Toni
- B48B67
- AF8A6B
- A9896E
- A38871
- 9D8773
- 988576
- 928479
- 8C837B
- 86817E
Armonie di colore
Complementare +180°
- BA8C64
Tatami Tan
- 6A9DC3
≈ Cerulean Frost
Analogo -30° +30°
- BA8C64
Tatami Tan
- C28579
≈ Whisky
- A8965D
≈ Mossy Rock
Triadico +120° +240°
- BA8C64
Tatami Tan
- 5BA79A
≈ Dragon Bay
- 9F8CBF
≈ Classic Bouquet
Complementare divisa +150° +210°
- BA8C64
Tatami Tan
- 58A4B3
≈ Explorer Blue
- 8694C8
≈ Blue Hyacinth
Tetradico +90° +180° +270°
- BA8C64
Tatami Tan
- 72A57F
≈ Primavera
- 6A9DC3
≈ Cerulean Frost
- B485AC
≈ Opera Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.99:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.02:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--tatami-tan: #ba8c64;
--tatami-tan-rgb: 186 140 100;
--tatami-tan-oklch: oklch(0.675 0.078 61.9);
}
.element {
color: var(--tatami-tan);
background-color: hsl(28 38% 56%);
border-color: oklch(0.675 0.078 61.9);
}Tailwind CSS v4
@theme {
--color-tatami-tan: #ba8c64;
--color-tatami-tan-50: #fff1df;
--color-tatami-tan-100: #fbe3cd;
--color-tatami-tan-200: #edceb2;
--color-tatami-tan-300: #d4af8e;
--color-tatami-tan-400: #c0946e;
--color-tatami-tan-500: #ac7a4e;
--color-tatami-tan-600: #916843;
--color-tatami-tan-700: #745335;
--color-tatami-tan-800: #563c26;
--color-tatami-tan-900: #3c2919;
--color-tatami-tan-950: #26170a;
}SCSS
$tatami-tan: #ba8c64;
$tatami-tan-rgb: 186, 140, 100;
$tatami-tan-light: mix(#fff, $tatami-tan, 20%);
$tatami-tan-dark: mix(#000, $tatami-tan, 20%);
.element {
color: $tatami-tan;
box-shadow: 0 0 0 2px rgba($tatami-tan, 0.35);
}