Màu có tên gần nhất · #504316
#504316
Màu có tên gần nhất: Avocado Stone
#504316 (rgb(80 67 22), hsl(47 57% 20%), oklch(0.387 0.065 92.9)) gần nhất với màu có tên Avocado Stone. 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.
#504316
oklch(0.387 0.065 92.9)
Chuyển đổi màu
- HEX
- #504316
- RGB
- rgb(80 67 22)
- HSL
- hsl(47 57% 20%)
- HWB
- hwb(47 9% 69%)
- OKLCH
- oklch(0.387 0.065 92.9)
- OKLab
- oklab(0.387 -0.003 0.065)
- CIE Lab
- lab(29.05 1.44 28.46)
- LCH
- lch(29.05 28.49 87.1)
- CMYK
- cmyk(0% 16% 72% 69%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 60542D
- 706543
- 817759
- 928A6F
- A39C86
- B5AF9D
- C7C3B5
- D9D7CD
- ECEBE6
Sắc đậm
- 443912
- 392F0D
- 2E2609
- 241D06
- 1A1403
- 100C02
- 070501
- 020100
- 000000
Sắc xám
- 554922
- 594F2D
- 5E5538
- 635B42
- 68614D
- 6C6757
- 716D61
- 76746B
- 7B7A76
Hòa sắc
Bổ túc +180°
- 504316
Avocado Stone
- 394167
≈ Raven Night
Tương đồng -30° +30°
- 504316
Avocado Stone
- 5C3C1C
≈ Cassiterite Brown
- 3E4A20
≈ Avocado Dark Green
Bộ ba +120° +240°
- 504316
Avocado Stone
- 084D59
≈ Watercolour Blue
- 593753
≈ Velvet Plum
Bổ túc chia +150° +210°
- 504316
Avocado Stone
- 224864
≈ Dark Slate Blue
- 4B3B61
≈ Mulberry Purple
Bộ bốn +90° +180° +270°
- 504316
Avocado Stone
- 0B4F47
≈ Stockade Green
- 394167
≈ Raven Night
- 613541
≈ Art Deco Red
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.74:1 · APCA Lc 93
Ag
FailTrên nền đen
WCAG 2.15:1 · APCA Lc 10
Màu chữ tốt nhất: #FFFFFF
WCAG 9.74:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--avocado-stone: #504316;
--avocado-stone-rgb: 80 67 22;
--avocado-stone-oklch: oklch(0.387 0.065 92.9);
}
.element {
color: var(--avocado-stone);
background-color: hsl(47 57% 20%);
border-color: oklch(0.387 0.065 92.9);
}Tailwind CSS v4
@theme {
--color-avocado-stone: #504316;
--color-avocado-stone-50: #fbf5e1;
--color-avocado-stone-100: #eee8d0;
--color-avocado-stone-200: #ddd5b6;
--color-avocado-stone-300: #c2b892;
--color-avocado-stone-400: #ab9e73;
--color-avocado-stone-500: #958553;
--color-avocado-stone-600: #7e7147;
--color-avocado-stone-700: #655a38;
--color-avocado-stone-800: #4b4228;
--color-avocado-stone-900: #342d1b;
--color-avocado-stone-950: #1f1a0b;
}SCSS
$avocado-stone: #504316;
$avocado-stone-rgb: 80, 67, 22;
$avocado-stone-light: mix(#fff, $avocado-stone, 20%);
$avocado-stone-dark: mix(#000, $avocado-stone, 20%);
.element {
color: $avocado-stone;
box-shadow: 0 0 0 2px rgba($avocado-stone, 0.35);
}