Colore con nome · #9B8467
Collectible
Collectible è #9B8467: rgb(155 132 103), hsl(33 21% 51%), oklch(0.627 0.05 73.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Collectible color name →
#9B8467
oklch(0.627 0.05 73.2)
Conversioni di colore
- HEX
- #9b8467
- RGB
- rgb(155 132 103)
- HSL
- hsl(33 21% 51%)
- HWB
- hwb(33 40% 39%)
- OKLCH
- oklch(0.627 0.05 73.2)
- OKLab
- oklab(0.627 0.014 0.048)
- CIE Lab
- lab(56.74 5.8 19.13)
- LCH
- lch(56.74 19.99 73.1)
- CMYK
- cmyk(0% 15% 34% 39%)
Tinte · Ombre · Toni
Tinte
- A59075
- AE9C84
- B8A893
- C2B4A2
- CCC0B1
- D6CCC0
- E0D9D0
- EAE5DF
- F5F2EF
Ombre
- 867259
- 72604B
- 5E4F3D
- 4B3F30
- 392F23
- 282017
- 18120C
- 090604
- 010100
Toni
- 98846A
- 96836C
- 93836F
- 908372
- 8E8274
- 8B8277
- 888179
- 85817B
- 83807E
Armonie di colore
Complementare +180°
- 9B8467
Collectible
- 738AA6
≈ Starset
Analogo -30° +30°
- 9B8467
Collectible
- A37F70
≈ Tattered Teddy
- 8D8A67
≈ Playing Hooky
Triadico +120° +240°
- 9B8467
Collectible
- 649291
≈ Pauley
- 93809E
≈ Wildflower
Complementare divisa +150° +210°
- 9B8467
Collectible
- 678F9E
≈ Secret Cove
- 8485A6
≈ Velvet Curtain
Tetradico +90° +180° +270°
- 9B8467
Collectible
- 6D9280
≈ Grandview
- 738AA6
≈ Starset
- 9F7D90
≈ Valerian
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.56:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.89:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.89:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--collectible: #9b8467;
--collectible-rgb: 155 132 103;
--collectible-oklch: oklch(0.627 0.05 73.2);
}
.element {
color: var(--collectible);
background-color: hsl(33 21% 51%);
border-color: oklch(0.627 0.05 73.2);
}Tailwind CSS v4
@theme {
--color-collectible: #9b8467;
--color-collectible-50: #fef3e6;
--color-collectible-100: #f2e6d6;
--color-collectible-200: #e1d2bd;
--color-collectible-300: #c7b49c;
--color-collectible-400: #b19a7e;
--color-collectible-500: #9b8161;
--color-collectible-600: #836e53;
--color-collectible-700: #695842;
--color-collectible-800: #4d402f;
--color-collectible-900: #362c20;
--color-collectible-950: #211910;
}SCSS
$collectible: #9b8467;
$collectible-rgb: 155, 132, 103;
$collectible-light: mix(#fff, $collectible, 20%);
$collectible-dark: mix(#000, $collectible, 20%);
.element {
color: $collectible;
box-shadow: 0 0 0 2px rgba($collectible, 0.35);
}