Colore con nome · #B67A63
Happy Trails
Happy Trails è #B67A63: rgb(182 122 99), hsl(17 36% 55%), oklch(0.636 0.083 41.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Happy Trails color name →
#B67A63
oklch(0.636 0.083 41.8)
Conversioni di colore
- HEX
- #b67a63
- RGB
- rgb(182 122 99)
- HSL
- hsl(17 36% 55%)
- HWB
- hwb(17 39% 29%)
- OKLCH
- oklch(0.636 0.083 41.8)
- OKLab
- oklab(0.636 0.062 0.055)
- CIE Lab
- lab(57.19 22.12 22.64)
- LCH
- lch(57.19 31.65 45.7)
- CMYK
- cmyk(0% 33% 46% 29%)
Tinte · Ombre · Toni
Tinte
- BE8772
- C69481
- CDA190
- D5AE9F
- DCBBAF
- E3C9BF
- EAD6CE
- F1E4DE
- F8F1EF
Ombre
- 9E6955
- 865947
- 6F493A
- 593A2E
- 442B21
- 301D16
- 1D100B
- 0C0503
- 020100
Toni
- B17B66
- AC7C69
- A77C6C
- A17D6F
- 9C7E72
- 977E75
- 917F78
- 8C7F7B
- 86807D
Armonie di colore
Complementare +180°
- B67A63
Happy Trails
- 4B96AF
≈ Alpine Lake
Analogo -30° +30°
- B67A63
Happy Trails
- B7767E
≈ Precious Garnet
- AA8351
≈ Muddy Waters
Triadico +120° +240°
- B67A63
Happy Trails
- 5A9B7B
≈ Memphis Green
- 8285BC
≈ Deep Periwinkle
Complementare divisa +150° +210°
- B67A63
Happy Trails
- 459B98
≈ Latigo Bay
- 658EBC
≈ Faded Blue
Tetradico +90° +180° +270°
- B67A63
Happy Trails
- 789660
≈ Lush Highlands
- 4B96AF
≈ Alpine Lake
- 9C7CB0
≈ English Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.52:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.95:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--happy-trails: #b67a63;
--happy-trails-rgb: 182 122 99;
--happy-trails-oklch: oklch(0.636 0.083 41.8);
}
.element {
color: var(--happy-trails);
background-color: hsl(17 36% 55%);
border-color: oklch(0.636 0.083 41.8);
}Tailwind CSS v4
@theme {
--color-happy-trails: #b67a63;
--color-happy-trails-50: #ffeee2;
--color-happy-trails-100: #ffe0d2;
--color-happy-trails-200: #f4cab8;
--color-happy-trails-300: #ddaa95;
--color-happy-trails-400: #c98e78;
--color-happy-trails-500: #b5735a;
--color-happy-trails-600: #99624d;
--color-happy-trails-700: #7b4e3d;
--color-happy-trails-800: #5b382c;
--color-happy-trails-900: #40271e;
--color-happy-trails-950: #28150e;
}SCSS
$happy-trails: #b67a63;
$happy-trails-rgb: 182, 122, 99;
$happy-trails-light: mix(#fff, $happy-trails, 20%);
$happy-trails-dark: mix(#000, $happy-trails, 20%);
.element {
color: $happy-trails;
box-shadow: 0 0 0 2px rgba($happy-trails, 0.35);
}