Cor nomeada · #948675
Country Club
Country Club é #948675: rgb(148 134 117), hsl(33 13% 52%), oklch(0.628 0.03 72.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Country Club color name →
#948675
oklch(0.628 0.03 72.6)
Conversões de cor
- HEX
- #948675
- RGB
- rgb(148 134 117)
- HSL
- hsl(33 13% 52%)
- HWB
- hwb(33 46% 42%)
- OKLCH
- oklch(0.628 0.03 72.6)
- OKLab
- oklab(0.628 0.009 0.029)
- CIE Lab
- lab(56.84 3.33 11.21)
- LCH
- lch(56.84 11.7 73.5)
- CMYK
- cmyk(0% 9% 21% 42%)
Tons claros · Sombras · Tons
Tons claros
- 9E9182
- A99D8F
- B3A99D
- BEB5AA
- C8C1B8
- D3CDC6
- DED9D4
- E9E6E2
- F4F2F0
Sombras
- 807465
- 6D6255
- 5A5146
- 484037
- 363029
- 26211C
- 16130F
- 080605
- 010101
Tons
- 928576
- 908577
- 8E8478
- 8C847A
- 8A837B
- 88827C
- 86827D
- 84817E
- 82817F
Harmonias de cor
Complementar +180°
- 948675
Country Club
- 7C8A9B
≈ Window Screen
Análoga -30° +30°
- 948675
Country Club
- 99837A
≈ Flower Wood
- 8C8A75
≈ Dry Sage
Tríade +120° +240°
- 948675
Country Club
- 748F8D
≈ Northern Juniper
- 8F8496
≈ Purple Ash
Complementar dividida +150° +210°
- 948675
Country Club
- 758D96
≈ Shaker Blue
- 85879B
≈ Top Shelf
Tétrade +90° +180° +270°
- 948675
Country Club
- 798E83
≈ Cyanara
- 7C8A9B
≈ Window Screen
- 96828D
≈ Quail
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.54:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.92:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--country-club: #948675;
--country-club-rgb: 148 134 117;
--country-club-oklch: oklch(0.628 0.03 72.6);
}
.element {
color: var(--country-club);
background-color: hsl(33 13% 52%);
border-color: oklch(0.628 0.03 72.6);
}Tailwind CSS v4
@theme {
--color-country-club: #948675;
--color-country-club-50: #faf4ec;
--color-country-club-100: #eee7dd;
--color-country-club-200: #dcd3c7;
--color-country-club-300: #c1b6a7;
--color-country-club-400: #aa9c8b;
--color-country-club-500: #938371;
--color-country-club-600: #7c6f60;
--color-country-club-700: #63594c;
--color-country-club-800: #494137;
--color-country-club-900: #332d26;
--color-country-club-950: #1e1a14;
}SCSS
$country-club: #948675;
$country-club-rgb: 148, 134, 117;
$country-club-light: mix(#fff, $country-club, 20%);
$country-club-dark: mix(#000, $country-club, 20%);
.element {
color: $country-club;
box-shadow: 0 0 0 2px rgba($country-club, 0.35);
}