Màu có tên gần nhất · #8E5C59
#8E5C59
Màu có tên gần nhất: Root Beer
#8E5C59 (rgb(142 92 89), hsl(3 23% 45%), oklch(0.528 0.066 23.3)) gần nhất với màu có tên Root Beer. 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.
#8E5C59
oklch(0.528 0.066 23.3)
Chuyển đổi màu
- HEX
- #8e5c59
- RGB
- rgb(142 92 89)
- HSL
- hsl(3 23% 45%)
- HWB
- hwb(3 35% 44%)
- OKLCH
- oklch(0.528 0.066 23.3)
- OKLab
- oklab(0.528 0.061 0.026)
- CIE Lab
- lab(44.65 20.81 10.64)
- LCH
- lch(44.65 23.37 27.1)
- CMYK
- cmyk(0% 35% 37% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 996B68
- A57B78
- B08B88
- BC9A98
- C7ABA8
- D2BBB9
- DDCCCA
- E9DDDC
- F4EEED
Sắc đậm
- 7B4F4C
- 684240
- 563634
- 442A28
- 341F1D
- 241413
- 150A09
- 070303
- 010000
Sắc xám
- 8D605D
- 8C6361
- 8B6765
- 8A6B69
- 886E6C
- 877270
- 857674
- 847978
- 827D7C
Hòa sắc
Bổ túc +180°
- 8E5C59
Root Beer
- 36777D
≈ Diver’s Eden
Tương đồng -30° +30°
- 8E5C59
Root Beer
- 8A5B6E
≈ Majestic Orchid
- 8A6146
≈ Wilmington
Bộ ba +120° +240°
- 8E5C59
Root Beer
- 547652
≈ Willow Bough
- 576B92
≈ Emerald-Crested Manakin
Bổ túc chia +150° +210°
- 8E5C59
Root Beer
- 3E7868
≈ Green Moray
- 42728C
≈ Downpour
Bộ bốn +90° +180° +270°
- 8E5C59
Root Beer
- 6B7042
≈ Jungle Trail
- 36777D
≈ Diver’s Eden
- 6D648F
≈ Posy Purple
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.48:1 · APCA Lc 77
Ag
FailTrên nền đen
WCAG 3.82:1 · APCA Lc 24
Màu chữ tốt nhất: #FFFFFF
WCAG 5.48:1 (AA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--root-beer: #8e5c59;
--root-beer-rgb: 142 92 89;
--root-beer-oklch: oklch(0.528 0.066 23.3);
}
.element {
color: var(--root-beer);
background-color: hsl(3 23% 45%);
border-color: oklch(0.528 0.066 23.3);
}Tailwind CSS v4
@theme {
--color-root-beer: #8e5c59;
--color-root-beer-50: #ffeeec;
--color-root-beer-100: #fee0dd;
--color-root-beer-200: #f0cac6;
--color-root-beer-300: #d8aba6;
--color-root-beer-400: #c38f8c;
--color-root-beer-500: #ae7571;
--color-root-beer-600: #936360;
--color-root-beer-700: #764f4d;
--color-root-beer-800: #573938;
--color-root-beer-900: #3d2726;
--color-root-beer-950: #261515;
}SCSS
$root-beer: #8e5c59;
$root-beer-rgb: 142, 92, 89;
$root-beer-light: mix(#fff, $root-beer, 20%);
$root-beer-dark: mix(#000, $root-beer, 20%);
.element {
color: $root-beer;
box-shadow: 0 0 0 2px rgba($root-beer, 0.35);
}