Colore con nome · #9C5F22
Tortoiseshell Specs
Tortoiseshell Specs è #9C5F22: rgb(156 95 34), hsl(30 64% 37%), oklch(0.543 0.108 61.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Tortoiseshell Specs color name →
#9C5F22
oklch(0.543 0.108 61.4)
Conversioni di colore
- HEX
- #9c5f22
- RGB
- rgb(156 95 34)
- HSL
- hsl(30 64% 37%)
- HWB
- hwb(30 13% 39%)
- OKLCH
- oklch(0.543 0.108 61.4)
- OKLab
- oklab(0.543 0.052 0.095)
- CIE Lab
- lab(46.58 21.91 43.79)
- LCH
- lch(46.58 48.96 63.4)
- CMYK
- cmyk(0% 39% 78% 39%)
Tinte · Ombre · Toni
Tinte
- A66F3C
- B17E52
- BB8E68
- C59E7D
- CFAD92
- D9BDA7
- E2CEBD
- ECDED3
- F6EEE9
Ombre
- 87521C
- 734416
- 5F3811
- 4C2C0B
- 392007
- 281503
- 180A01
- 090300
- 010000
Toni
- 9A632F
- 97673B
- 956A45
- 926D4E
- 907157
- 8D7460
- 8A7768
- 877A70
- 837D78
Armonie di colore
Complementare +180°
- 9C5F22
Tortoiseshell Specs
- 2876A9
≈ Larimar Blue
Analogo -30° +30°
- 9C5F22
Tortoiseshell Specs
- A55547
≈ Crail
- 876C09
≈ Muddy Brown
Triadico +120° +240°
- 9C5F22
Tortoiseshell Specs
- 008273
≈ Green Garlands
- 7B5FA4
≈ Genestealer Purple
Complementare divisa +150° +210°
- 9C5F22
Tortoiseshell Specs
- 007E8F
≈ Metallic Seaweed
- 596BAE
≈ Evening Lagoon
Tetradico +90° +180° +270°
- 9C5F22
Tortoiseshell Specs
- 37814E
≈ Monster Monstera
- 2876A9
≈ Larimar Blue
- 93568C
≈ Àn Zǐ Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.15:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.07:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.15:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--tortoiseshell-specs: #9c5f22;
--tortoiseshell-specs-rgb: 156 95 34;
--tortoiseshell-specs-oklch: oklch(0.543 0.108 61.4);
}
.element {
color: var(--tortoiseshell-specs);
background-color: hsl(30 64% 37%);
border-color: oklch(0.543 0.108 61.4);
}Tailwind CSS v4
@theme {
--color-tortoiseshell-specs: #9c5f22;
--color-tortoiseshell-specs-50: #ffefd6;
--color-tortoiseshell-specs-100: #ffe1c3;
--color-tortoiseshell-specs-200: #f6cba5;
--color-tortoiseshell-specs-300: #dfac7d;
--color-tortoiseshell-specs-400: #cd8f59;
--color-tortoiseshell-specs-500: #b97430;
--color-tortoiseshell-specs-600: #9c622a;
--color-tortoiseshell-specs-700: #7d4e22;
--color-tortoiseshell-specs-800: #5e3817;
--color-tortoiseshell-specs-900: #42270f;
--color-tortoiseshell-specs-950: #2a1503;
}SCSS
$tortoiseshell-specs: #9c5f22;
$tortoiseshell-specs-rgb: 156, 95, 34;
$tortoiseshell-specs-light: mix(#fff, $tortoiseshell-specs, 20%);
$tortoiseshell-specs-dark: mix(#000, $tortoiseshell-specs, 20%);
.element {
color: $tortoiseshell-specs;
box-shadow: 0 0 0 2px rgba($tortoiseshell-specs, 0.35);
}