Colore con nome · #B18575
Canyon Earth
Canyon Earth è #B18575: rgb(177 133 117), hsl(16 28% 58%), oklch(0.655 0.059 40.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Canyon Earth color name →
#B18575
oklch(0.655 0.059 40.9)
Conversioni di colore
- HEX
- #b18575
- RGB
- rgb(177 133 117)
- HSL
- hsl(16 28% 58%)
- HWB
- hwb(16 46% 31%)
- OKLCH
- oklch(0.655 0.059 40.9)
- OKLab
- oklab(0.655 0.045 0.039)
- CIE Lab
- lab(59.59 15.76 15.56)
- LCH
- lch(59.59 22.15 44.6)
- CMYK
- cmyk(0% 25% 34% 31%)
Tinte · Ombre · Toni
Tinte
- B99182
- C19D8F
- C9A89D
- D1B5AA
- D8C1B8
- E0CDC6
- E8D9D4
- F0E6E2
- F7F2F1
Ombre
- 997365
- 836155
- 6C5046
- 574037
- 423029
- 2F211C
- 1C130F
- 0C0605
- 010101
Toni
- AC8576
- A78477
- A38479
- 9E837A
- 99837B
- 94827C
- 8F827D
- 8A817E
- 85817F
Armonie di colore
Complementare +180°
- B18575
Canyon Earth
- 679AAA
≈ Cloudy Sea
Analogo -30° +30°
- B18575
Canyon Earth
- B28288
≈ Retro Pink
- A88B69
≈ Old Leather
Triadico +120° +240°
- B18575
Canyon Earth
- 709C85
≈ Peahen
- 8A8DB5
≈ Persian Violet
Complementare divisa +150° +210°
- B18575
Canyon Earth
- 649D99
≈ Canton
- 7694B4
≈ Ocean Ridge
Tetradico +90° +180° +270°
- B18575
Canyon Earth
- 849973
≈ Fallout Grey
- 679AAA
≈ Cloudy Sea
- 9C87AC
≈ Celeb City
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.24:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.48:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.48:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--canyon-earth: #b18575;
--canyon-earth-rgb: 177 133 117;
--canyon-earth-oklch: oklch(0.655 0.059 40.9);
}
.element {
color: var(--canyon-earth);
background-color: hsl(16 28% 58%);
border-color: oklch(0.655 0.059 40.9);
}Tailwind CSS v4
@theme {
--color-canyon-earth: #b18575;
--color-canyon-earth-50: #fff0e8;
--color-canyon-earth-100: #fae2d8;
--color-canyon-earth-200: #ebcdc1;
--color-canyon-earth-300: #d3aea0;
--color-canyon-earth-400: #be9384;
--color-canyon-earth-500: #a97968;
--color-canyon-earth-600: #8f6758;
--color-canyon-earth-700: #725246;
--color-canyon-earth-800: #553b33;
--color-canyon-earth-900: #3b2923;
--color-canyon-earth-950: #251712;
}SCSS
$canyon-earth: #b18575;
$canyon-earth-rgb: 177, 133, 117;
$canyon-earth-light: mix(#fff, $canyon-earth, 20%);
$canyon-earth-dark: mix(#000, $canyon-earth, 20%);
.element {
color: $canyon-earth;
box-shadow: 0 0 0 2px rgba($canyon-earth, 0.35);
}