Màu có tên gần nhất · #7C7851
#7C7851
Màu có tên gần nhất: Greek Oregano
#7C7851 (rgb(124 120 81), hsl(54 21% 40%), oklch(0.566 0.056 103)) gần nhất với màu có tên Greek Oregano. 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.
#7C7851
oklch(0.566 0.056 103)
Chuyển đổi màu
- HEX
- #7c7851
- RGB
- rgb(124 120 81)
- HSL
- hsl(54 21% 40%)
- HWB
- hwb(54 32% 51%)
- OKLCH
- oklch(0.566 0.056 103)
- OKLab
- oklab(0.566 -0.013 0.055)
- CIE Lab
- lab(50.03 -3.18 22.05)
- LCH
- lch(50.03 22.28 98.2)
- CMYK
- cmyk(0% 3% 35% 51%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 888561
- 959272
- A19F83
- AEAC94
- BBB9A5
- C8C7B7
- D6D5C8
- E3E3DA
- F1F1ED
Sắc đậm
- 6B6745
- 5A573A
- 4A482F
- 3B3924
- 2C2A1A
- 1E1D10
- 111007
- 050502
- 010100
Sắc xám
- 7C7956
- 7D7A5B
- 7D7B60
- 7D7B65
- 7E7C69
- 7E7D6E
- 7F7E72
- 7F7F77
- 807F7C
Hòa sắc
Bổ túc +180°
- 7C7851
Greek Oregano
- 717297
≈ Silk Crepe Mauve
Tương đồng -30° +30°
- 7C7851
Greek Oregano
- 8B7151
≈ Tobacco Leaf
- 697E5C
≈ Emerald City
Bộ ba +120° +240°
- 7C7851
Greek Oregano
- 507E8E
≈ Casual Blue
- 8E697F
≈ Milkwort Red
Bổ túc chia +150° +210°
- 7C7851
Greek Oregano
- 5F7997
≈ Rushing River
- 826D8E
≈ Grey Purple
Bộ bốn +90° +180° +270°
- 7C7851
Greek Oregano
- 4D817F
≈ Nickel Ore Green
- 717297
≈ Silk Crepe Mauve
- 94696D
≈ San Francisco Mauve
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.66:1 · APCA Lc 30
Màu chữ tốt nhất: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Đoạn mã
CSS
:root {
--greek-oregano: #7c7851;
--greek-oregano-rgb: 124 120 81;
--greek-oregano-oklch: oklch(0.566 0.056 103);
}
.element {
color: var(--greek-oregano);
background-color: hsl(54 21% 40%);
border-color: oklch(0.566 0.056 103);
}Tailwind CSS v4
@theme {
--color-greek-oregano: #7c7851;
--color-greek-oregano-50: #f7f6e4;
--color-greek-oregano-100: #eae9d4;
--color-greek-oregano-200: #d7d6bb;
--color-greek-oregano-300: #bbb999;
--color-greek-oregano-400: #a4a07a;
--color-greek-oregano-500: #8d885c;
--color-greek-oregano-600: #77734f;
--color-greek-oregano-700: #5f5c3e;
--color-greek-oregano-800: #46432c;
--color-greek-oregano-900: #312e1e;
--color-greek-oregano-950: #1d1b0e;
}SCSS
$greek-oregano: #7c7851;
$greek-oregano-rgb: 124, 120, 81;
$greek-oregano-light: mix(#fff, $greek-oregano, 20%);
$greek-oregano-dark: mix(#000, $greek-oregano, 20%);
.element {
color: $greek-oregano;
box-shadow: 0 0 0 2px rgba($greek-oregano, 0.35);
}