Màu có tên gần nhất · #C7BA79
#C7BA79
Màu có tên gần nhất: Motherland
#C7BA79 (rgb(199 186 121), hsl(50 41% 63%), oklch(0.785 0.086 98.3)) gần nhất với màu có tên Motherland. 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.
#C7BA79
oklch(0.785 0.086 98.3)
Chuyển đổi màu
- HEX
- #c7ba79
- RGB
- rgb(199 186 121)
- HSL
- hsl(50 41% 63%)
- HWB
- hwb(50 47% 22%)
- OKLCH
- oklch(0.785 0.086 98.3)
- OKLab
- oklab(0.785 -0.012 0.085)
- CIE Lab
- lab(75.49 -2.13 34.7)
- LCH
- lch(75.49 34.76 93.5)
- CMYK
- cmyk(0% 7% 39% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CCC187
- D2C894
- D7CFA2
- DDD6AF
- E3DCBC
- E8E3CA
- EEEAD7
- F4F1E4
- F9F8F2
Sắc đậm
- ADA168
- 938958
- 7A7248
- 625C39
- 4C462B
- 36321D
- 211E10
- 0E0D05
- 020201
Sắc xám
- C0B47B
- B8AE7C
- B1A87D
- AAA37E
- A39D7F
- 9C977F
- 959180
- 8E8C80
- 878680
Hòa sắc
Bổ túc +180°
- C7BA79
Motherland
- ACB4F0
≈ Wondrous Wisteria
Tương đồng -30° +30°
- C7BA79
Motherland
- DEAF7C
≈ Wooden Sword
- A9C489
≈ Gnome Green
Bộ ba +120° +240°
- C7BA79
Motherland
- 75C7DE
≈ Hawaiian Breeze
- DEA4CC
≈ Chateau Rose
Bổ túc chia +150° +210°
- C7BA79
Motherland
- 8DBEEE
≈ Electric Eel
- C8AAE4
≈ Tropical Violet
Bộ bốn +90° +180° +270°
- C7BA79
Motherland
- 73CBC3
≈ Turkish Teal
- ACB4F0
≈ Wondrous Wisteria
- EAA2AE
≈ Pinque
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.95:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.72:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--motherland: #c7ba79;
--motherland-rgb: 199 186 121;
--motherland-oklch: oklch(0.785 0.086 98.3);
}
.element {
color: var(--motherland);
background-color: hsl(50 41% 63%);
border-color: oklch(0.785 0.086 98.3);
}Tailwind CSS v4
@theme {
--color-motherland: #c7ba79;
--color-motherland-50: #faf6db;
--color-motherland-100: #eee9c9;
--color-motherland-200: #dcd6ac;
--color-motherland-300: #c1b986;
--color-motherland-400: #ab9f63;
--color-motherland-500: #95873f;
--color-motherland-600: #7e7236;
--color-motherland-700: #655b2b;
--color-motherland-800: #4b421d;
--color-motherland-900: #342e13;
--color-motherland-950: #201a05;
}SCSS
$motherland: #c7ba79;
$motherland-rgb: 199, 186, 121;
$motherland-light: mix(#fff, $motherland, 20%);
$motherland-dark: mix(#000, $motherland, 20%);
.element {
color: $motherland;
box-shadow: 0 0 0 2px rgba($motherland, 0.35);
}