Cor nomeada · #69756C
Heritage Park
Heritage Park é #69756C: rgb(105 117 108), hsl(135 5% 44%), oklch(0.55 0.02 153.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Heritage Park color name →
#69756C
oklch(0.55 0.02 153.2)
Conversões de cor
- HEX
- #69756c
- RGB
- rgb(105 117 108)
- HSL
- hsl(135 5% 44%)
- HWB
- hwb(135 41% 54%)
- OKLCH
- oklch(0.55 0.02 153.2)
- OKLab
- oklab(0.55 -0.018 0.009)
- CIE Lab
- lab(48.01 -6.08 3.37)
- LCH
- lch(48.01 6.95 151)
- CMYK
- cmyk(10% 0% 8% 54%)
Tons claros · Sombras · Tons
Tons claros
- 77827A
- 858F88
- 949C96
- A2AAA4
- B1B8B3
- C0C6C2
- D0D4D1
- DFE2E0
- EFF0EF
Sombras
- 5A655D
- 4C554E
- 3E4640
- 313732
- 242925
- 181C19
- 0C0F0D
- 040504
- 000100
Tons
- 6B766E
- 6E7770
- 707872
- 727974
- 747B76
- 777C78
- 797D7A
- 7B7E7C
- 7E7F7E
Harmonias de cor
Complementar +180°
- 69756C
Heritage Park
- 796D76
≈ Lavender Elegance
Análoga -30° +30°
- 69756C
Heritage Park
- 6F7467
≈ Evergreen Trail
- 657572
≈ Sirocco
Tríade +120° +240°
- 69756C
Heritage Park
- 6D717D
≈ Made in the Shade
- 7D6D6A
≈ Hickory Cliff
Complementar dividida +150° +210°
- 69756C
Heritage Park
- 746F7B
≈ Exclusive Plum
- 7C6D70
≈ Dusky Cyclamen
Tétrade +90° +180° +270°
- 69756C
Heritage Park
- 68737C
≈ Wharf View
- 796D76
≈ Lavender Elegance
- 7A6F66
≈ Shadow Cliff
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.81:1 · APCA Lc 73
Ag
FailSobre preto
WCAG 4.36:1 · APCA Lc 28
Melhor cor de texto: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--heritage-park: #69756c;
--heritage-park-rgb: 105 117 108;
--heritage-park-oklch: oklch(0.55 0.02 153.2);
}
.element {
color: var(--heritage-park);
background-color: hsl(135 5% 44%);
border-color: oklch(0.55 0.02 153.2);
}Tailwind CSS v4
@theme {
--color-heritage-park: #69756c;
--color-heritage-park-50: #f1f7f3;
--color-heritage-park-100: #e3eae5;
--color-heritage-park-200: #ced7d1;
--color-heritage-park-300: #b0bbb3;
--color-heritage-park-400: #96a299;
--color-heritage-park-500: #7d8a80;
--color-heritage-park-600: #6a756c;
--color-heritage-park-700: #545e57;
--color-heritage-park-800: #3e443f;
--color-heritage-park-900: #2a2f2b;
--color-heritage-park-950: #181c19;
}SCSS
$heritage-park: #69756c;
$heritage-park-rgb: 105, 117, 108;
$heritage-park-light: mix(#fff, $heritage-park, 20%);
$heritage-park-dark: mix(#000, $heritage-park, 20%);
.element {
color: $heritage-park;
box-shadow: 0 0 0 2px rgba($heritage-park, 0.35);
}