Màu có tên gần nhất · #77516A
#77516A
Màu có tên gần nhất: Hibernation
#77516A (rgb(119 81 106), hsl(321 19% 39%), oklch(0.485 0.062 340.1)) gần nhất với màu có tên Hibernation. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#77516A
oklch(0.485 0.062 340.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 846178
- 917186
- 9F8294
- AC93A3
- BAA4B2
- C7B6C1
- D5C8D0
- E3DADF
- F1ECEF
Sắc đậm
- 67455B
- 573A4D
- 472F3F
- 382431
- 2A1A24
- 1C1018
- 10070D
- 050204
- 010000
Sắc xám
- 78566C
- 795A6E
- 7A5F71
- 7B6473
- 7C6975
- 7D6D77
- 7E7279
- 7F777C
- 7F7B7E
Hòa sắc
Bổ túc +180°
- 77516A
Hibernation
- 3E6A53
≈ Toad King
Tương đồng -30° +30°
- 77516A
Hibernation
- 6A5579
≈ Charoite Violet
- 7E5057
≈ Sunset Red
Bộ ba +120° +240°
- 77516A
Hibernation
- 676035
≈ Saguaro
- 326777
≈ Loon Turquoise
Bổ túc chia +150° +210°
- 77516A
Hibernation
- 536640
≈ Daisy Leaf
- 2E6A67
≈ Magnetic Green
Bộ bốn +90° +180° +270°
- 77516A
Hibernation
- 765937
≈ Shingle Fawn
- 3E6A53
≈ Toad King
- 436281
≈ Blue Ashes
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.62:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 3.16:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 83
Contrast pairs
Đoạn mã
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);
}