Colore con nome · #B0967C
Country Dweller
Country Dweller è #B0967C: rgb(176 150 124), hsl(30 25% 59%), oklch(0.69 0.048 66.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Country Dweller color name →
#B0967C
oklch(0.69 0.048 66.9)
Conversioni di colore
- HEX
- #b0967c
- RGB
- rgb(176 150 124)
- HSL
- hsl(30 25% 59%)
- HWB
- hwb(30 49% 31%)
- OKLCH
- oklch(0.69 0.048 66.9)
- OKLab
- oklab(0.69 0.019 0.044)
- CIE Lab
- lab(63.95 7.08 17.55)
- LCH
- lch(63.95 18.92 68)
- CMYK
- cmyk(0% 15% 30% 31%)
Tinte · Ombre · Toni
Tinte
- B8A089
- C0AA95
- C7B5A2
- CFBFAF
- D7C9BC
- DFD4C9
- E7DFD6
- EFE9E4
- F7F4F1
Ombre
- 99826B
- 826E5A
- 6C5B4A
- 56493B
- 42372C
- 2E261E
- 1C1611
- 0B0805
- 010101
Toni
- AB947D
- A6927D
- A28F7E
- 9D8D7E
- 988B7E
- 93897F
- 8E877F
- 8A8480
- 858280
Armonie di colore
Complementare +180°
- B0967C
Country Dweller
- 849FB8
≈ Astro Bound
Analogo -30° +30°
- B0967C
Country Dweller
- B79187
≈ Mauve Blush
- A39C7A
≈ Wheat Tortilla
Triadico +120° +240°
- B0967C
Country Dweller
- 79A5A0
≈ Steel Pan Mallet
- A394B3
≈ Gleeful Joy
Complementare divisa +150° +210°
- B0967C
Country Dweller
- 7AA3AF
≈ Seascape
- 9399B9
≈ Thistle Down
Tetradico +90° +180° +270°
- B0967C
Country Dweller
- 83A58F
≈ Bristol Green
- 849FB8
≈ Astro Bound
- AF90A6
≈ Palisade Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.49:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--country-dweller: #b0967c;
--country-dweller-rgb: 176 150 124;
--country-dweller-oklch: oklch(0.69 0.048 66.9);
}
.element {
color: var(--country-dweller);
background-color: hsl(30 25% 59%);
border-color: oklch(0.69 0.048 66.9);
}Tailwind CSS v4
@theme {
--color-country-dweller: #b0967c;
--color-country-dweller-50: #fff3e7;
--color-country-dweller-100: #f3e5d7;
--color-country-dweller-200: #e2d1bf;
--color-country-dweller-300: #c8b39e;
--color-country-dweller-400: #b29981;
--color-country-dweller-500: #9c8064;
--color-country-dweller-600: #846d55;
--color-country-dweller-700: #6a5744;
--color-country-dweller-800: #4e3f31;
--color-country-dweller-900: #362b21;
--color-country-dweller-950: #211911;
}SCSS
$country-dweller: #b0967c;
$country-dweller-rgb: 176, 150, 124;
$country-dweller-light: mix(#fff, $country-dweller, 20%);
$country-dweller-dark: mix(#000, $country-dweller, 20%);
.element {
color: $country-dweller;
box-shadow: 0 0 0 2px rgba($country-dweller, 0.35);
}