Nazwany kolor · #A98981
Pink Moroccan
Pink Moroccan to #A98981: rgb(169 137 129), hsl(12 19% 58%), oklch(0.658 0.041 34.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pink Moroccan color name →
#A98981
oklch(0.658 0.041 34.4)
Konwersje koloru
- HEX
- #a98981
- RGB
- rgb(169 137 129)
- HSL
- hsl(12 19% 58%)
- HWB
- hwb(12 51% 34%)
- OKLCH
- oklch(0.658 0.041 34.4)
- OKLab
- oklab(0.658 0.034 0.023)
- CIE Lab
- lab(59.97 11.62 9.14)
- LCH
- lch(59.97 14.79 38.2)
- CMYK
- cmyk(0% 19% 24% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2948D
- BAA099
- C3ABA5
- CBB7B2
- D4C3BE
- DCCECB
- E5DAD8
- EEE6E5
- F6F3F2
Odcienie ciemniejsze
- 92766F
- 7C645E
- 67534E
- 53423E
- 3F312E
- 2C221F
- 1B1412
- 0A0706
- 010101
Tony
- A58881
- A18781
- 9D8681
- 998681
- 958581
- 918481
- 8C8380
- 888280
- 848180
Harmonie kolorów
Komplementarna +180°
- A98981
Pink Moroccan
- 7598A1
≈ Cameo Blue
Analogowa -30° +30°
- A98981
Pink Moroccan
- A8878E
≈ Mask
- A48D78
≈ Sandy Ridge
Triada +120° +240°
- A98981
Pink Moroccan
- 7F9986
≈ Parisian Patina
- 8990AB
≈ Papilio Argeotus
Komplementarna rozszczepiona +150° +210°
- A98981
Pink Moroccan
- 769A94
≈ Avalon
- 7D95A9
≈ Nordland Blue
Tetrada +90° +180° +270°
- A98981
Pink Moroccan
- 8C967B
≈ Leafy Rise
- 7598A1
≈ Cameo Blue
- 978CA6
≈ Smoky Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.19:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.58:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-moroccan: #a98981;
--pink-moroccan-rgb: 169 137 129;
--pink-moroccan-oklch: oklch(0.658 0.041 34.4);
}
.element {
color: var(--pink-moroccan);
background-color: hsl(12 19% 58%);
border-color: oklch(0.658 0.041 34.4);
}Tailwind CSS v4
@theme {
--color-pink-moroccan: #a98981;
--color-pink-moroccan-50: #fff1ed;
--color-pink-moroccan-100: #f5e3de;
--color-pink-moroccan-200: #e5cfc8;
--color-pink-moroccan-300: #cbb1a9;
--color-pink-moroccan-400: #b5968f;
--color-pink-moroccan-500: #9f7d74;
--color-pink-moroccan-600: #876a63;
--color-pink-moroccan-700: #6c554f;
--color-pink-moroccan-800: #503d39;
--color-pink-moroccan-900: #372a27;
--color-pink-moroccan-950: #221815;
}SCSS
$pink-moroccan: #a98981;
$pink-moroccan-rgb: 169, 137, 129;
$pink-moroccan-light: mix(#fff, $pink-moroccan, 20%);
$pink-moroccan-dark: mix(#000, $pink-moroccan, 20%);
.element {
color: $pink-moroccan;
box-shadow: 0 0 0 2px rgba($pink-moroccan, 0.35);
}