Colore con nome · #A9867D
Rocky Mountain
Rocky Mountain è #A9867D: rgb(169 134 125), hsl(12 20% 58%), oklch(0.651 0.045 34.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rocky Mountain color name →
#A9867D
oklch(0.651 0.045 34.8)
Conversioni di colore
- HEX
- #a9867d
- RGB
- rgb(169 134 125)
- HSL
- hsl(12 20% 58%)
- HWB
- hwb(12 49% 34%)
- OKLCH
- oklch(0.651 0.045 34.8)
- OKLab
- oklab(0.651 0.037 0.026)
- CIE Lab
- lab(59.12 12.78 10.22)
- LCH
- lch(59.12 16.37 38.7)
- CMYK
- cmyk(0% 21% 26% 34%)
Tinte · Ombre · Toni
Tinte
- B29289
- BA9D96
- C3A9A2
- CBB5AF
- D4C1BC
- DDCDC9
- E5D9D6
- EEE6E4
- F6F2F1
Ombre
- 92746C
- 7C625B
- 67514B
- 53403B
- 3F302C
- 2C211E
- 1B1311
- 0A0605
- 010101
Toni
- A5857D
- A1857E
- 9D847E
- 99847E
- 95837F
- 91837F
- 8D827F
- 88817F
- 848180
Armonie di colore
Complementare +180°
- A9867D
Rocky Mountain
- 7097A1
≈ Cameo Blue
Analogo -30° +30°
- A9867D
Rocky Mountain
- A8848C
≈ Natural Spring
- A38A73
≈ Natural
Triadico +120° +240°
- A9867D
Rocky Mountain
- 7A9883
≈ Mild Green
- 878EAC
≈ Non Skid Grey
Complementare divisa +150° +210°
- A9867D
Rocky Mountain
- 709993
≈ Pale Verdigris
- 7993AA
≈ American Anthem
Tetradico +90° +180° +270°
- A9867D
Rocky Mountain
- 899577
≈ Laurel Tree
- 7097A1
≈ Cameo Blue
- 9689A6
≈ Antique Viola
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.28:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.39:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.39:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--rocky-mountain: #a9867d;
--rocky-mountain-rgb: 169 134 125;
--rocky-mountain-oklch: oklch(0.651 0.045 34.8);
}
.element {
color: var(--rocky-mountain);
background-color: hsl(12 20% 58%);
border-color: oklch(0.651 0.045 34.8);
}Tailwind CSS v4
@theme {
--color-rocky-mountain: #a9867d;
--color-rocky-mountain-50: #fff1ec;
--color-rocky-mountain-100: #f6e3dd;
--color-rocky-mountain-200: #e7cec7;
--color-rocky-mountain-300: #cdb0a7;
--color-rocky-mountain-400: #b7958d;
--color-rocky-mountain-500: #a27c72;
--color-rocky-mountain-600: #896961;
--color-rocky-mountain-700: #6e544d;
--color-rocky-mountain-800: #513d38;
--color-rocky-mountain-900: #382a27;
--color-rocky-mountain-950: #231715;
}SCSS
$rocky-mountain: #a9867d;
$rocky-mountain-rgb: 169, 134, 125;
$rocky-mountain-light: mix(#fff, $rocky-mountain, 20%);
$rocky-mountain-dark: mix(#000, $rocky-mountain, 20%);
.element {
color: $rocky-mountain;
box-shadow: 0 0 0 2px rgba($rocky-mountain, 0.35);
}