Cor nomeada · #A06974
High Country Rose
High Country Rose é #A06974: rgb(160 105 116), hsl(348 22% 52%), oklch(0.582 0.072 6.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · High Country Rose color name →
#A06974
oklch(0.582 0.072 6.5)
Conversões de cor
- HEX
- #a06974
- RGB
- rgb(160 105 116)
- HSL
- hsl(348 22% 52%)
- HWB
- hwb(348 41% 37%)
- OKLCH
- oklch(0.582 0.072 6.5)
- OKLab
- oklab(0.582 0.071 0.008)
- CIE Lab
- lab(50.7 23.8 3.4)
- LCH
- lch(50.7 24.05 8.1)
- CMYK
- cmyk(0% 34% 28% 37%)
Tons claros · Sombras · Tons
Tons claros
- AA7781
- B4868E
- BD949C
- C7A3A9
- D0B2B7
- DAC1C5
- E3D0D3
- EDE0E2
- F6EFF0
Sombras
- 8B5A64
- 764C54
- 613E45
- 4E3137
- 3B2429
- 29181B
- 190C0F
- 090405
- 010001
Tons
- 9D6C75
- 9A6E76
- 977078
- 947379
- 91757A
- 8E777B
- 8B7A7C
- 877C7E
- 847E7F
Harmonias de cor
Complementar +180°
- A06974
High Country Rose
- 438982
≈ Carlisle
Análoga -30° +30°
- A06974
High Country Rose
- 976B8B
≈ Sophisticated Lilac
- A16C5D
≈ Honey Maple
Tríade +120° +240°
- A06974
High Country Rose
- 708354
≈ Herb
- 577FA3
≈ Borage
Complementar dividida +150° +210°
- A06974
High Country Rose
- 568869
≈ Saltwater Depth
- 448696
≈ Turquesa
Tétrade +90° +180° +270°
- A06974
High Country Rose
- 877B48
≈ Swamp Mud
- 438982
≈ Carlisle
- 6F77A6
≈ Bleached Denim
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.40:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.76:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.76:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--high-country-rose: #a06974;
--high-country-rose-rgb: 160 105 116;
--high-country-rose-oklch: oklch(0.582 0.072 6.5);
}
.element {
color: var(--high-country-rose);
background-color: hsl(348 22% 52%);
border-color: oklch(0.582 0.072 6.5);
}Tailwind CSS v4
@theme {
--color-high-country-rose: #a06974;
--color-high-country-rose-50: #ffedf1;
--color-high-country-rose-100: #ffdfe3;
--color-high-country-rose-200: #f1c8ce;
--color-high-country-rose-300: #d9a9b0;
--color-high-country-rose-400: #c48d97;
--color-high-country-rose-500: #af727e;
--color-high-country-rose-600: #94616b;
--color-high-country-rose-700: #774d55;
--color-high-country-rose-800: #58383f;
--color-high-country-rose-900: #3d262b;
--color-high-country-rose-950: #271419;
}SCSS
$high-country-rose: #a06974;
$high-country-rose-rgb: 160, 105, 116;
$high-country-rose-light: mix(#fff, $high-country-rose, 20%);
$high-country-rose-dark: mix(#000, $high-country-rose, 20%);
.element {
color: $high-country-rose;
box-shadow: 0 0 0 2px rgba($high-country-rose, 0.35);
}