Colore con nome · #776F56
Pine Peak
Pine Peak è #776F56: rgb(119 111 86), hsl(45 16% 40%), oklch(0.542 0.038 92.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Pine Peak color name →
#776F56
oklch(0.542 0.038 92.4)
Conversioni di colore
- HEX
- #776f56
- RGB
- rgb(119 111 86)
- HSL
- hsl(45 16% 40%)
- HWB
- hwb(45 34% 53%)
- OKLCH
- oklch(0.542 0.038 92.4)
- OKLab
- oklab(0.542 -0.002 0.038)
- CIE Lab
- lab(47.06 0.04 15.17)
- LCH
- lch(47.06 15.17 89.8)
- CMYK
- cmyk(0% 7% 28% 53%)
Tinte · Ombre · Toni
Tinte
- 847C66
- 918A76
- 9E9886
- ABA696
- B9B4A7
- C6C3B8
- D4D2CA
- E2E1DB
- F1F0ED
Ombre
- 67604A
- 57513E
- 474232
- 383427
- 2A271C
- 1C1A12
- 100E08
- 050402
- 010100
Toni
- 78715A
- 79725F
- 7A7463
- 7B7667
- 7B786B
- 7C796F
- 7D7B74
- 7E7D78
- 7F7E7C
Armonie di colore
Complementare +180°
- 776F56
Pine Peak
- 676E86
≈ Great Grape
Analogo -30° +30°
- 776F56
Pine Peak
- 806B59
≈ Rikyū Brown
- 6B735B
≈ Willow Grove
Triadico +120° +240°
- 776F56
Pine Peak
- 55767C
≈ Blue Sage
- 7D6779
≈ Arctic Dusk
Complementare divisa +150° +210°
- 776F56
Pine Peak
- 5C7284
≈ Plumbeous
- 736A82
≈ Fujinezumi
Tetradico +90° +180° +270°
- 776F56
Pine Peak
- 567771
≈ September Sea
- 676E86
≈ Great Grape
- 83666D
≈ Mauving Up
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.00:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.19:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.00:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--pine-peak: #776f56;
--pine-peak-rgb: 119 111 86;
--pine-peak-oklch: oklch(0.542 0.038 92.4);
}
.element {
color: var(--pine-peak);
background-color: hsl(45 16% 40%);
border-color: oklch(0.542 0.038 92.4);
}Tailwind CSS v4
@theme {
--color-pine-peak: #776f56;
--color-pine-peak-50: #f8f5e9;
--color-pine-peak-100: #ece8da;
--color-pine-peak-200: #d9d4c2;
--color-pine-peak-300: #bdb8a2;
--color-pine-peak-400: #a69e85;
--color-pine-peak-500: #8f8669;
--color-pine-peak-600: #79715a;
--color-pine-peak-700: #615b47;
--color-pine-peak-800: #474233;
--color-pine-peak-900: #312e23;
--color-pine-peak-950: #1d1a12;
}SCSS
$pine-peak: #776f56;
$pine-peak-rgb: 119, 111, 86;
$pine-peak-light: mix(#fff, $pine-peak, 20%);
$pine-peak-dark: mix(#000, $pine-peak, 20%);
.element {
color: $pine-peak;
box-shadow: 0 0 0 2px rgba($pine-peak, 0.35);
}