Couleur nommée la plus proche · #77516A
#77516A
Couleur nommée la plus proche: Hibernation
#77516A (rgb(119 81 106), hsl(321 19% 39%), oklch(0.485 0.062 340.1)) est la plus proche de la couleur nommée Hibernation. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#77516A
oklch(0.485 0.062 340.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 846178
- 917186
- 9F8294
- AC93A3
- BAA4B2
- C7B6C1
- D5C8D0
- E3DADF
- F1ECEF
Ombres
- 67455B
- 573A4D
- 472F3F
- 382431
- 2A1A24
- 1C1018
- 10070D
- 050204
- 010000
Tons
- 78566C
- 795A6E
- 7A5F71
- 7B6473
- 7C6975
- 7D6D77
- 7E7279
- 7F777C
- 7F7B7E
Harmonies de couleurs
Complémentaire +180°
- 77516A
Hibernation
- 3E6A53
≈ Toad King
Analogue -30° +30°
- 77516A
Hibernation
- 6A5579
≈ Charoite Violet
- 7E5057
≈ Sunset Red
Triadique +120° +240°
- 77516A
Hibernation
- 676035
≈ Saguaro
- 326777
≈ Loon Turquoise
Complémentaire divisée +150° +210°
- 77516A
Hibernation
- 536640
≈ Daisy Leaf
- 2E6A67
≈ Magnetic Green
Tétradique +90° +180° +270°
- 77516A
Hibernation
- 765937
≈ Shingle Fawn
- 3E6A53
≈ Toad King
- 436281
≈ Blue Ashes
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.62:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.16:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
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);
}