Nazwany kolor · #C7C0A7
Country Charm
Country Charm to #C7C0A7: rgb(199 192 167), hsl(47 22% 72%), oklch(0.807 0.035 94.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Country Charm color name →
#C7C0A7
oklch(0.807 0.035 94.1)
Konwersje koloru
- HEX
- #c7c0a7
- RGB
- rgb(199 192 167)
- HSL
- hsl(47 22% 72%)
- HWB
- hwb(47 65% 22%)
- OKLCH
- oklch(0.807 0.035 94.1)
- OKLab
- oklab(0.807 -0.003 0.035)
- CIE Lab
- lab(77.78 -0.57 13.58)
- LCH
- lch(77.78 13.59 92.4)
- CMYK
- cmyk(0% 4% 16% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCC6B0
- D2CCB8
- D8D3C1
- DDD9CA
- E3DFD2
- E8E5DB
- EEECE4
- F4F2ED
- F9F9F6
Odcienie ciemniejsze
- ADA791
- 938E7B
- 7A7666
- 625F52
- 4C493E
- 36342C
- 21201A
- 0E0E0A
- 020201
Tony
- C0B9A3
- B8B39F
- B1AC9B
- AAA697
- A39F93
- 9C9990
- 95938C
- 8E8C88
- 878684
Harmonie kolorów
Komplementarna +180°
- C7C0A7
Country Charm
- B8BFD7
≈ Xenon Blue
Analogowa -30° +30°
- C7C0A7
Country Charm
- D1BCA9
≈ Chinchilla Chenille
- BBC4AC
≈ Arbor Vitae
Triada +120° +240°
- C7C0A7
Country Charm
- A7C6CE
≈ Salt Spray
- CFB8C9
≈ Soft Amethyst
Komplementarna rozszczepiona +150° +210°
- C7C0A7
Country Charm
- AEC3D5
≈ Airway
- C5BBD3
≈ Orchid House
Tetrada +90° +180° +270°
- C7C0A7
Country Charm
- A8C8C2
≈ Peppermint Pie
- B8BFD7
≈ Xenon Blue
- D5B7BD
≈ Nostalgia
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.82:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.52:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--country-charm: #c7c0a7;
--country-charm-rgb: 199 192 167;
--country-charm-oklch: oklch(0.807 0.035 94.1);
}
.element {
color: var(--country-charm);
background-color: hsl(47 22% 72%);
border-color: oklch(0.807 0.035 94.1);
}Tailwind CSS v4
@theme {
--color-country-charm: #c7c0a7;
--color-country-charm-50: #f8f5ea;
--color-country-charm-100: #ebe8db;
--color-country-charm-200: #d8d4c4;
--color-country-charm-300: #bcb8a4;
--color-country-charm-400: #a59e88;
--color-country-charm-500: #8e866c;
--color-country-charm-600: #78725c;
--color-country-charm-700: #605b49;
--color-country-charm-800: #474235;
--color-country-charm-900: #312e24;
--color-country-charm-950: #1d1a13;
}SCSS
$country-charm: #c7c0a7;
$country-charm-rgb: 199, 192, 167;
$country-charm-light: mix(#fff, $country-charm, 20%);
$country-charm-dark: mix(#000, $country-charm, 20%);
.element {
color: $country-charm;
box-shadow: 0 0 0 2px rgba($country-charm, 0.35);
}