Nazwany kolor · #C9C4BA
Pavestone
Pavestone to #C9C4BA: rgb(201 196 186), hsl(40 12% 76%), oklch(0.822 0.015 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pavestone color name →
#C9C4BA
oklch(0.822 0.015 84.6)
Konwersje koloru
- HEX
- #c9c4ba
- RGB
- rgb(201 196 186)
- HSL
- hsl(40 12% 76%)
- HWB
- hwb(40 73% 21%)
- OKLCH
- oklch(0.822 0.015 84.6)
- OKLab
- oklab(0.822 0.001 0.015)
- CIE Lab
- lab(79.35 0.5 5.69)
- LCH
- lch(79.35 5.71 85)
- CMYK
- cmyk(0% 2% 7% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CECAC1
- D4D0C8
- D9D5CE
- DEDBD5
- E4E1DC
- E9E7E3
- EFEDEA
- F4F3F1
- F9F9F8
Odcienie ciemniejsze
- AEAAA1
- 959189
- 7C7872
- 64615C
- 4C4A46
- 363532
- 22211E
- 0F0E0D
- 020202
Tony
- C1BDB4
- BAB6AE
- B2AFA8
- ABA8A2
- A4A19D
- 9C9B97
- 959491
- 8E8D8B
- 878786
Harmonie kolorów
Komplementarna +180°
- C9C4BA
Pavestone
- C0C5CF
≈ French Silk
Analogowa -30° +30°
- C9C4BA
Pavestone
- CDC2BC
≈ Chicago Fog
- C4C6BB
≈ Grey Ashlar
Triada +120° +240°
- C9C4BA
Pavestone
- BAC8C9
≈ Oceanic Climate
- CAC1CA
≈ Lavender Vapour
Komplementarna rozszczepiona +150° +210°
- C9C4BA
Pavestone
- BCC6CD
≈ Gris Náutico
- C5C3CD
≈ Satire
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.08:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--pavestone: #c9c4ba;
--pavestone-rgb: 201 196 186;
--pavestone-oklch: oklch(0.822 0.015 84.6);
}
.element {
color: var(--pavestone);
background-color: hsl(40 12% 76%);
border-color: oklch(0.822 0.015 84.6);
}Tailwind CSS v4
@theme {
--color-pavestone: #c9c4ba;
--color-pavestone-50: #f7f5f0;
--color-pavestone-100: #eae8e2;
--color-pavestone-200: #d7d4cd;
--color-pavestone-300: #bbb7af;
--color-pavestone-400: #a29e95;
--color-pavestone-500: #8b867b;
--color-pavestone-600: #757168;
--color-pavestone-700: #5e5a53;
--color-pavestone-800: #45423d;
--color-pavestone-900: #302d2a;
--color-pavestone-950: #1c1a17;
}SCSS
$pavestone: #c9c4ba;
$pavestone-rgb: 201, 196, 186;
$pavestone-light: mix(#fff, $pavestone, 20%);
$pavestone-dark: mix(#000, $pavestone, 20%);
.element {
color: $pavestone;
box-shadow: 0 0 0 2px rgba($pavestone, 0.35);
}