Nazwany kolor · #A06974
High Country Rose
High Country Rose to #A06974: rgb(160 105 116), hsl(348 22% 52%), oklch(0.582 0.072 6.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · High Country Rose color name →
#A06974
oklch(0.582 0.072 6.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA7781
- B4868E
- BD949C
- C7A3A9
- D0B2B7
- DAC1C5
- E3D0D3
- EDE0E2
- F6EFF0
Odcienie ciemniejsze
- 8B5A64
- 764C54
- 613E45
- 4E3137
- 3B2429
- 29181B
- 190C0F
- 090405
- 010001
Tony
- 9D6C75
- 9A6E76
- 977078
- 947379
- 91757A
- 8E777B
- 8B7A7C
- 877C7E
- 847E7F
Harmonie kolorów
Komplementarna +180°
- A06974
High Country Rose
- 438982
≈ Carlisle
Analogowa -30° +30°
- A06974
High Country Rose
- 976B8B
≈ Sophisticated Lilac
- A16C5D
≈ Honey Maple
Triada +120° +240°
- A06974
High Country Rose
- 708354
≈ Herb
- 577FA3
≈ Borage
Komplementarna rozszczepiona +150° +210°
- A06974
High Country Rose
- 568869
≈ Saltwater Depth
- 448696
≈ Turquesa
Tetrada +90° +180° +270°
- A06974
High Country Rose
- 877B48
≈ Swamp Mud
- 438982
≈ Carlisle
- 6F77A6
≈ Bleached Denim
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.40:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.76:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.76:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
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);
}