Colore con nome · #C9B196
Basswood
Basswood è #C9B196: rgb(201 177 150), hsl(32 32% 69%), oklch(0.774 0.046 70.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Basswood color name →
#C9B196
oklch(0.774 0.046 70.4)
Conversioni di colore
- HEX
- #c9b196
- RGB
- rgb(201 177 150)
- HSL
- hsl(32 32% 69%)
- HWB
- hwb(32 59% 21%)
- OKLCH
- oklch(0.774 0.046 70.4)
- OKLab
- oklab(0.774 0.016 0.044)
- CIE Lab
- lab(73.78 5.85 17.21)
- LCH
- lch(73.78 18.18 71.2)
- CMYK
- cmyk(0% 12% 25% 21%)
Tinte · Ombre · Toni
Tinte
- CEB9A0
- D4C0AB
- D9C8B5
- DFD0BF
- E4D8CA
- E9DFD4
- EFE7DF
- F4EFEA
- FAF7F4
Ombre
- AE9982
- 95836E
- 7C6C5B
- 645749
- 4C4237
- 362F26
- 221C16
- 0F0C08
- 020101
Toni
- C1AC94
- BAA792
- B3A290
- AB9D8E
- A4988B
- 9D9389
- 958F87
- 8E8A85
- 878582
Armonie di colore
Complementare +180°
- C9B196
Basswood
- A0B8D3
≈ Elizabeth Blue
Analogo -30° +30°
- C9B196
Basswood
- D1AC9F
≈ Art Deco Pink
- BCB795
≈ Bog
Triadico +120° +240°
- C9B196
Basswood
- 94BFBC
≈ Chinese Tzu
- BFAECC
≈ Grape’s Treasure
Complementare divisa +150° +210°
- C9B196
Basswood
- 95BDCA
≈ Sydney Harbour
- AFB3D3
≈ Pixie Violet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.21:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--basswood: #c9b196;
--basswood-rgb: 201 177 150;
--basswood-oklch: oklch(0.774 0.046 70.4);
}
.element {
color: var(--basswood);
background-color: hsl(32 32% 69%);
border-color: oklch(0.774 0.046 70.4);
}Tailwind CSS v4
@theme {
--color-basswood: #c9b196;
--color-basswood-50: #fef3e7;
--color-basswood-100: #f2e6d8;
--color-basswood-200: #e1d2bf;
--color-basswood-300: #c6b49e;
--color-basswood-400: #b09a81;
--color-basswood-500: #9a8165;
--color-basswood-600: #826d56;
--color-basswood-700: #685744;
--color-basswood-800: #4d4031;
--color-basswood-900: #362c21;
--color-basswood-950: #211911;
}SCSS
$basswood: #c9b196;
$basswood-rgb: 201, 177, 150;
$basswood-light: mix(#fff, $basswood, 20%);
$basswood-dark: mix(#000, $basswood, 20%);
.element {
color: $basswood;
box-shadow: 0 0 0 2px rgba($basswood, 0.35);
}