Colore con nome · #9D8164
Teddy Bear
Teddy Bear è #9D8164: rgb(157 129 100), hsl(31 23% 50%), oklch(0.622 0.054 67.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Teddy Bear color name →
#9D8164
oklch(0.622 0.054 67.6)
Conversioni di colore
- HEX
- #9d8164
- RGB
- rgb(157 129 100)
- HSL
- hsl(31 23% 50%)
- HWB
- hwb(31 39% 38%)
- OKLCH
- oklch(0.622 0.054 67.6)
- OKLab
- oklab(0.622 0.021 0.05)
- CIE Lab
- lab(56.1 7.97 20.01)
- LCH
- lch(56.1 21.54 68.3)
- CMYK
- cmyk(0% 18% 36% 38%)
Tinte · Ombre · Toni
Tinte
- A78D73
- B09982
- BAA591
- C4B2A0
- CDBEAF
- D7CBBF
- E1D8CF
- EBE5DF
- F5F2EF
Ombre
- 886F56
- 735E48
- 5F4E3B
- 4C3E2E
- 3A2E22
- 281F16
- 18120B
- 090603
- 010100
Toni
- 9A8167
- 97816A
- 94816D
- 928170
- 8F8173
- 8C8175
- 898178
- 86807B
- 83807D
Armonie di colore
Complementare +180°
- 9D8164
Teddy Bear
- 6D8AA6
≈ Sporty Blue
Analogo -30° +30°
- 9D8164
Teddy Bear
- A47C70
≈ Fresh Cedar
- 8F8762
≈ Oregano Spice
Triadico +120° +240°
- 9D8164
Teddy Bear
- 60928C
≈ Pauley
- 907EA0
≈ Wildflower
Complementare divisa +150° +210°
- 9D8164
Teddy Bear
- 618F9C
≈ Secret Cove
- 7E84A8
≈ Velvet Curtain
Tetradico +90° +180° +270°
- 9D8164
Teddy Bear
- 6C917A
≈ Cool Bluegrass
- 6D8AA6
≈ Sporty Blue
- 9D7B92
≈ Valerian
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.64:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.75:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--teddy-bear: #9d8164;
--teddy-bear-rgb: 157 129 100;
--teddy-bear-oklch: oklch(0.622 0.054 67.6);
}
.element {
color: var(--teddy-bear);
background-color: hsl(31 23% 50%);
border-color: oklch(0.622 0.054 67.6);
}Tailwind CSS v4
@theme {
--color-teddy-bear: #9d8164;
--color-teddy-bear-50: #fff3e5;
--color-teddy-bear-100: #f4e5d5;
--color-teddy-bear-200: #e4d1bc;
--color-teddy-bear-300: #cab39a;
--color-teddy-bear-400: #b4997d;
--color-teddy-bear-500: #9e8060;
--color-teddy-bear-600: #866c51;
--color-teddy-bear-700: #6b5641;
--color-teddy-bear-800: #4f3f2f;
--color-teddy-bear-900: #372b1f;
--color-teddy-bear-950: #22180f;
}SCSS
$teddy-bear: #9d8164;
$teddy-bear-rgb: 157, 129, 100;
$teddy-bear-light: mix(#fff, $teddy-bear, 20%);
$teddy-bear-dark: mix(#000, $teddy-bear, 20%);
.element {
color: $teddy-bear;
box-shadow: 0 0 0 2px rgba($teddy-bear, 0.35);
}