Nazwany kolor · #A78594
Mohair Pink
Mohair Pink to #A78594: rgb(167 133 148), hsl(334 16% 59%), oklch(0.653 0.046 350.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Mohair Pink color name →
#A78594
oklch(0.653 0.046 350.2)
Konwersje koloru
- HEX
- #a78594
- RGB
- rgb(167 133 148)
- HSL
- hsl(334 16% 59%)
- HWB
- hwb(334 52% 35%)
- OKLCH
- oklch(0.653 0.046 350.2)
- OKLab
- oklab(0.653 0.046 -0.008)
- CIE Lab
- lab(59.17 15.26 -2.85)
- LCH
- lch(59.17 15.53 349.4)
- CMYK
- cmyk(0% 20% 11% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0919E
- B89CA9
- C1A8B3
- CAB4BE
- D3C0C8
- DCCDD3
- E4D9DE
- EDE6E9
- F6F2F4
Odcienie ciemniejsze
- 917380
- 7B616D
- 66505A
- 524048
- 3E3036
- 2C2126
- 1A1316
- 0A0608
- 010101
Tony
- A38592
- 9F8490
- 9B848E
- 98838C
- 94838A
- 908288
- 8C8286
- 888184
- 848182
Harmonie kolorów
Komplementarna +180°
- A78594
Mohair Pink
- 749A8C
≈ Silent Sage
Analogowa -30° +30°
- A78594
Mohair Pink
- 9D87A2
≈ Amethyst Grey Violet
- AB8584
≈ Jupiter Brown
Triada +120° +240°
- A78594
Mohair Pink
- 919373
≈ Dry Hemlock
- 7396A7
≈ Smoky Blue
Komplementarna rozszczepiona +150° +210°
- A78594
Mohair Pink
- 82987D
≈ Dinosaur
- 6F999B
≈ Teal & Tonic
Tetrada +90° +180° +270°
- A78594
Mohair Pink
- 9F8E70
≈ Barro Verde
- 749A8C
≈ Silent Sage
- 8091AD
≈ Lilac Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.26:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.42:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--mohair-pink: #a78594;
--mohair-pink-rgb: 167 133 148;
--mohair-pink-oklch: oklch(0.653 0.046 350.2);
}
.element {
color: var(--mohair-pink);
background-color: hsl(334 16% 59%);
border-color: oklch(0.653 0.046 350.2);
}Tailwind CSS v4
@theme {
--color-mohair-pink: #a78594;
--color-mohair-pink-50: #fff0f6;
--color-mohair-pink-100: #f5e2e9;
--color-mohair-pink-200: #e5cdd6;
--color-mohair-pink-300: #cbaeba;
--color-mohair-pink-400: #b594a2;
--color-mohair-pink-500: #9f7a8a;
--color-mohair-pink-600: #866775;
--color-mohair-pink-700: #6b535e;
--color-mohair-pink-800: #4f3c45;
--color-mohair-pink-900: #372930;
--color-mohair-pink-950: #22171c;
}SCSS
$mohair-pink: #a78594;
$mohair-pink-rgb: 167, 133, 148;
$mohair-pink-light: mix(#fff, $mohair-pink, 20%);
$mohair-pink-dark: mix(#000, $mohair-pink, 20%);
.element {
color: $mohair-pink;
box-shadow: 0 0 0 2px rgba($mohair-pink, 0.35);
}