Colore con nome · #B08F7F
Coyote Tracks
Coyote Tracks è #B08F7F: rgb(176 143 127), hsl(20 24% 59%), oklch(0.676 0.046 47.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Coyote Tracks color name →
#B08F7F
oklch(0.676 0.046 47.3)
Conversioni di colore
- HEX
- #b08f7f
- RGB
- rgb(176 143 127)
- HSL
- hsl(20 24% 59%)
- HWB
- hwb(20 50% 31%)
- OKLCH
- oklch(0.676 0.046 47.3)
- OKLab
- oklab(0.676 0.031 0.034)
- CIE Lab
- lab(62.2 11.06 13.49)
- LCH
- lch(62.2 17.44 50.7)
- CMYK
- cmyk(0% 19% 28% 31%)
Tinte · Ombre · Toni
Tinte
- B89A8B
- C0A598
- C8B0A4
- D0BBB1
- D7C6BD
- DFD1CA
- E7DCD7
- EFE8E4
- F7F3F2
Ombre
- 997C6E
- 82695D
- 6C574C
- 56453C
- 42342D
- 2E241F
- 1C1511
- 0B0706
- 010101
Toni
- AB8E7F
- A68C7F
- A28B80
- 9D8980
- 988880
- 938680
- 8F8580
- 8A8380
- 858280
Armonie di colore
Complementare +180°
- B08F7F
Coyote Tracks
- 799DAE
≈ Cool Dusk
Analogo -30° +30°
- B08F7F
Coyote Tracks
- B28C8D
≈ Brandy Snaps
- A79477
≈ San Antonio Sage
Triadico +120° +240°
- B08F7F
Coyote Tracks
- 7CA191
≈ Mossy Bench
- 9593B3
≈ Extinct
Complementare divisa +150° +210°
- B08F7F
Coyote Tracks
- 76A0A1
≈ Delaware Blue Hen
- 8599B4
≈ Monsoon Season
Tetradico +90° +180° +270°
- B08F7F
Coyote Tracks
- 8A9E82
≈ Basil
- 799DAE
≈ Cool Dusk
- A38FAA
≈ Aged to Perfection
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.96:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.08:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.08:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--coyote-tracks: #b08f7f;
--coyote-tracks-rgb: 176 143 127;
--coyote-tracks-oklch: oklch(0.676 0.046 47.3);
}
.element {
color: var(--coyote-tracks);
background-color: hsl(20 24% 59%);
border-color: oklch(0.676 0.046 47.3);
}Tailwind CSS v4
@theme {
--color-coyote-tracks: #b08f7f;
--color-coyote-tracks-50: #fff2ea;
--color-coyote-tracks-100: #f6e4db;
--color-coyote-tracks-200: #e6cfc3;
--color-coyote-tracks-300: #ccb1a3;
--color-coyote-tracks-400: #b69787;
--color-coyote-tracks-500: #a17d6c;
--color-coyote-tracks-600: #886a5c;
--color-coyote-tracks-700: #6d5549;
--color-coyote-tracks-800: #503e35;
--color-coyote-tracks-900: #382a24;
--color-coyote-tracks-950: #231813;
}SCSS
$coyote-tracks: #b08f7f;
$coyote-tracks-rgb: 176, 143, 127;
$coyote-tracks-light: mix(#fff, $coyote-tracks, 20%);
$coyote-tracks-dark: mix(#000, $coyote-tracks, 20%);
.element {
color: $coyote-tracks;
box-shadow: 0 0 0 2px rgba($coyote-tracks, 0.35);
}