Najbliższy nazwany kolor · #77516A
#77516A
Najbliższy nazwany kolor: Hibernation
#77516A (rgb(119 81 106), hsl(321 19% 39%), oklch(0.485 0.062 340.1)) jest najbliższy nazwanemu kolorowi Hibernation. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#77516A
oklch(0.485 0.062 340.1)
Konwersje koloru
- HEX
- #77516a
- RGB
- rgb(119 81 106)
- HSL
- hsl(321 19% 39%)
- HWB
- hwb(321 32% 53%)
- OKLCH
- oklch(0.485 0.062 340.1)
- OKLab
- oklab(0.485 0.059 -0.021)
- CIE Lab
- lab(39.37 19.5 -7.77)
- LCH
- lch(39.37 20.99 338.3)
- CMYK
- cmyk(0% 32% 11% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 846178
- 917186
- 9F8294
- AC93A3
- BAA4B2
- C7B6C1
- D5C8D0
- E3DADF
- F1ECEF
Odcienie ciemniejsze
- 67455B
- 573A4D
- 472F3F
- 382431
- 2A1A24
- 1C1018
- 10070D
- 050204
- 010000
Tony
- 78566C
- 795A6E
- 7A5F71
- 7B6473
- 7C6975
- 7D6D77
- 7E7279
- 7F777C
- 7F7B7E
Harmonie kolorów
Komplementarna +180°
- 77516A
Hibernation
- 3E6A53
≈ Toad King
Analogowa -30° +30°
- 77516A
Hibernation
- 6A5579
≈ Charoite Violet
- 7E5057
≈ Sunset Red
Triada +120° +240°
- 77516A
Hibernation
- 676035
≈ Saguaro
- 326777
≈ Loon Turquoise
Komplementarna rozszczepiona +150° +210°
- 77516A
Hibernation
- 536640
≈ Daisy Leaf
- 2E6A67
≈ Magnetic Green
Tetrada +90° +180° +270°
- 77516A
Hibernation
- 765937
≈ Shingle Fawn
- 3E6A53
≈ Toad King
- 436281
≈ Blue Ashes
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.62:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.16:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--hibernation: #77516a;
--hibernation-rgb: 119 81 106;
--hibernation-oklch: oklch(0.485 0.062 340.1);
}
.element {
color: var(--hibernation);
background-color: hsl(321 19% 39%);
border-color: oklch(0.485 0.062 340.1);
}Tailwind CSS v4
@theme {
--color-hibernation: #77516a;
--color-hibernation-50: #ffeffa;
--color-hibernation-100: #f8e0ee;
--color-hibernation-200: #e8cadc;
--color-hibernation-300: #cfabc0;
--color-hibernation-400: #b890aa;
--color-hibernation-500: #a37693;
--color-hibernation-600: #8a647c;
--color-hibernation-700: #6e5064;
--color-hibernation-800: #513a4a;
--color-hibernation-900: #382833;
--color-hibernation-950: #23161f;
}SCSS
$hibernation: #77516a;
$hibernation-rgb: 119, 81, 106;
$hibernation-light: mix(#fff, $hibernation, 20%);
$hibernation-dark: mix(#000, $hibernation, 20%);
.element {
color: $hibernation;
box-shadow: 0 0 0 2px rgba($hibernation, 0.35);
}