Nazwany kolor · #B18575
Canyon Earth
Canyon Earth to #B18575: rgb(177 133 117), hsl(16 28% 58%), oklch(0.655 0.059 40.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Canyon Earth color name →
#B18575
oklch(0.655 0.059 40.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B99182
- C19D8F
- C9A89D
- D1B5AA
- D8C1B8
- E0CDC6
- E8D9D4
- F0E6E2
- F7F2F1
Odcienie ciemniejsze
- 997365
- 836155
- 6C5046
- 574037
- 423029
- 2F211C
- 1C130F
- 0C0605
- 010101
Tony
- AC8576
- A78477
- A38479
- 9E837A
- 99837B
- 94827C
- 8F827D
- 8A817E
- 85817F
Harmonie kolorów
Komplementarna +180°
- B18575
Canyon Earth
- 679AAA
≈ Cloudy Sea
Analogowa -30° +30°
- B18575
Canyon Earth
- B28288
≈ Retro Pink
- A88B69
≈ Old Leather
Triada +120° +240°
- B18575
Canyon Earth
- 709C85
≈ Peahen
- 8A8DB5
≈ Persian Violet
Komplementarna rozszczepiona +150° +210°
- B18575
Canyon Earth
- 649D99
≈ Canton
- 7694B4
≈ Ocean Ridge
Tetrada +90° +180° +270°
- B18575
Canyon Earth
- 849973
≈ Fallout Grey
- 679AAA
≈ Cloudy Sea
- 9C87AC
≈ Celeb City
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.24:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.48:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.48:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
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);
}