Colore con nome · #8F7B51
Safari Trail
Safari Trail è #8F7B51: rgb(143 123 81), hsl(41 28% 44%), oklch(0.591 0.064 85.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Safari Trail color name →
#8F7B51
oklch(0.591 0.064 85.1)
Conversioni di colore
- HEX
- #8f7b51
- RGB
- rgb(143 123 81)
- HSL
- hsl(41 28% 44%)
- HWB
- hwb(41 32% 44%)
- OKLCH
- oklch(0.591 0.064 85.1)
- OKLab
- oklab(0.591 0.005 0.063)
- CIE Lab
- lab(52.74 3.49 25.95)
- LCH
- lch(52.74 26.18 82.3)
- CMYK
- cmyk(0% 14% 43% 44%)
Tinte · Ombre · Toni
Tinte
- 9A8862
- A59473
- AFA183
- BBAE95
- C6BBA6
- D1C9B7
- DCD6C9
- E8E3DB
- F3F1ED
Ombre
- 7C6A45
- 695A3A
- 574A2F
- 453A24
- 342C1A
- 241E10
- 151007
- 070502
- 010100
Toni
- 8E7C56
- 8C7C5B
- 8B7D60
- 897D65
- 887E6A
- 867E6E
- 857F73
- 837F77
- 82807C
Armonie di colore
Complementare +180°
- 8F7B51
Safari Trail
- 6B7DA4
≈ Night Thistle
Analogo -30° +30°
- 8F7B51
Safari Trail
- 9C7459
≈ Ranch Brown
- 7C8256
≈ Oregano
Triadico +120° +240°
- 8F7B51
Safari Trail
- 4C8990
≈ Flounce
- 917193
≈ Felicia
Complementare divisa +150° +210°
- 8F7B51
Safari Trail
- 57849E
≈ Honest Blue
- 8076A0
≈ Voxatron Purple
Tetradico +90° +180° +270°
- 8F7B51
Safari Trail
- 538A7B
≈ Privet Hedge
- 6B7DA4
≈ Night Thistle
- 9D6E7F
≈ Meadow Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.10:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.11:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--safari-trail: #8f7b51;
--safari-trail-rgb: 143 123 81;
--safari-trail-oklch: oklch(0.591 0.064 85.1);
}
.element {
color: var(--safari-trail);
background-color: hsl(41 28% 44%);
border-color: oklch(0.591 0.064 85.1);
}Tailwind CSS v4
@theme {
--color-safari-trail: #8f7b51;
--color-safari-trail-50: #fdf4e1;
--color-safari-trail-100: #f1e7d0;
--color-safari-trail-200: #e0d3b6;
--color-safari-trail-300: #c5b693;
--color-safari-trail-400: #b09c73;
--color-safari-trail-500: #9a8354;
--color-safari-trail-600: #826f48;
--color-safari-trail-700: #685939;
--color-safari-trail-800: #4d4128;
--color-safari-trail-900: #362c1b;
--color-safari-trail-950: #21190b;
}SCSS
$safari-trail: #8f7b51;
$safari-trail-rgb: 143, 123, 81;
$safari-trail-light: mix(#fff, $safari-trail, 20%);
$safari-trail-dark: mix(#000, $safari-trail, 20%);
.element {
color: $safari-trail;
box-shadow: 0 0 0 2px rgba($safari-trail, 0.35);
}