Colore con nome · #AD9466
Gathering Place
Gathering Place è #AD9466: rgb(173 148 102), hsl(39 30% 54%), oklch(0.678 0.069 82.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gathering Place color name →
#AD9466
oklch(0.678 0.069 82.3)
Conversioni di colore
- HEX
- #ad9466
- RGB
- rgb(173 148 102)
- HSL
- hsl(39 30% 54%)
- HWB
- hwb(39 40% 32%)
- OKLCH
- oklch(0.678 0.069 82.3)
- OKLab
- oklab(0.678 0.009 0.069)
- CIE Lab
- lab(62.79 4.86 27.97)
- LCH
- lch(62.79 28.39 80.1)
- CMYK
- cmyk(0% 14% 41% 32%)
Tinte · Ombre · Toni
Tinte
- B59E75
- BDA984
- C5B393
- CDBEA2
- D6C9B1
- DED3C1
- E6DED0
- EEE9E0
- F7F4EF
Ombre
- 968058
- 7F6D4A
- 6A5A3C
- 55482F
- 413623
- 2D2617
- 1B160C
- 0B0804
- 010100
Toni
- A89269
- A4906C
- 9F8E6F
- 9B8C72
- 968A74
- 928877
- 8D8679
- 89847C
- 84827E
Armonie di colore
Complementare +180°
- AD9466
Gathering Place
- 8198C3
≈ Bel Air Blue
Analogo -30° +30°
- AD9466
Gathering Place
- BB8C70
≈ Dune Drift
- 989C6A
≈ Domain
Triadico +120° +240°
- AD9466
Gathering Place
- 61A5AA
≈ Nirvana Jewel
- AC8AB1
≈ Dusty Lavender
Complementare divisa +150° +210°
- AD9466
Gathering Place
- 6BA0BB
≈ Adventure Isle
- 9890BF
≈ Royal Glimmer
Tetradico +90° +180° +270°
- AD9466
Gathering Place
- 6AA693
≈ Calmness
- 8198C3
≈ Bel Air Blue
- BA869C
≈ Mauvey Nude
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.91:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.20:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.20:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--gathering-place: #ad9466;
--gathering-place-rgb: 173 148 102;
--gathering-place-oklch: oklch(0.678 0.069 82.3);
}
.element {
color: var(--gathering-place);
background-color: hsl(39 30% 54%);
border-color: oklch(0.678 0.069 82.3);
}Tailwind CSS v4
@theme {
--color-gathering-place: #ad9466;
--color-gathering-place-50: #fff4df;
--color-gathering-place-100: #f3e7ce;
--color-gathering-place-200: #e2d2b3;
--color-gathering-place-300: #c8b58f;
--color-gathering-place-400: #b39b6f;
--color-gathering-place-500: #9d824f;
--color-gathering-place-600: #856e44;
--color-gathering-place-700: #6a5836;
--color-gathering-place-800: #4f4026;
--color-gathering-place-900: #372c19;
--color-gathering-place-950: #22190a;
}SCSS
$gathering-place: #ad9466;
$gathering-place-rgb: 173, 148, 102;
$gathering-place-light: mix(#fff, $gathering-place, 20%);
$gathering-place-dark: mix(#000, $gathering-place, 20%);
.element {
color: $gathering-place;
box-shadow: 0 0 0 2px rgba($gathering-place, 0.35);
}