Nazwany kolor · #C16C7B
Pink Manhattan
Pink Manhattan to #C16C7B: rgb(193 108 123), hsl(349 41% 59%), oklch(0.631 0.109 9.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pink Manhattan color name →
#C16C7B
oklch(0.631 0.109 9.4)
Konwersje koloru
- HEX
- #c16c7b
- RGB
- rgb(193 108 123)
- HSL
- hsl(349 41% 59%)
- HWB
- hwb(349 42% 24%)
- OKLCH
- oklch(0.631 0.109 9.4)
- OKLab
- oklab(0.631 0.107 0.018)
- CIE Lab
- lab(55.9 35.75 7.39)
- LCH
- lch(55.9 36.5 11.7)
- CMYK
- cmyk(0% 44% 36% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C87B87
- CF8994
- D698A1
- DDA6AE
- E3B5BB
- E9C3C8
- EFD2D6
- F5E1E3
- FAF0F1
Odcienie ciemniejsze
- A75D6A
- 8F4E5A
- 77404A
- 5F323A
- 49252C
- 34191E
- 200D10
- 0E0405
- 020001
Tony
- BB6F7C
- B5717C
- AF737D
- A9757D
- A2777E
- 9C797E
- 957B7F
- 8E7D7F
- 877E80
Harmonie kolorów
Komplementarna +180°
- C16C7B
Pink Manhattan
- 029E97
≈ Caribbean Turquoise
Analogowa -30° +30°
- C16C7B
Pink Manhattan
- B56E9F
≈ Pink Parade
- C17156
≈ Firenze
Triada +120° +240°
- C16C7B
Pink Manhattan
- 74964C
≈ Emerald Shimmer
- 528EC8
≈ Azure Blue
Komplementarna rozszczepiona +150° +210°
- C16C7B
Pink Manhattan
- 459D72
≈ Natural Orchestra
- 1B98B6
≈ Serene Blue
Tetrada +90° +180° +270°
- C16C7B
Pink Manhattan
- 9A8A32
≈ Parsnip Root
- 029E97
≈ Caribbean Turquoise
- 7C82CA
≈ Twilight Twinkle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.68:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.69:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.69:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-manhattan: #c16c7b;
--pink-manhattan-rgb: 193 108 123;
--pink-manhattan-oklch: oklch(0.631 0.109 9.4);
}
.element {
color: var(--pink-manhattan);
background-color: hsl(349 41% 59%);
border-color: oklch(0.631 0.109 9.4);
}Tailwind CSS v4
@theme {
--color-pink-manhattan: #c16c7b;
--color-pink-manhattan-50: #ffe9ed;
--color-pink-manhattan-100: #ffdadf;
--color-pink-manhattan-200: #ffc2c8;
--color-pink-manhattan-300: #e9a0a9;
--color-pink-manhattan-400: #d68390;
--color-pink-manhattan-500: #c26576;
--color-pink-manhattan-600: #a45664;
--color-pink-manhattan-700: #844550;
--color-pink-manhattan-800: #62313c;
--color-pink-manhattan-900: #452129;
--color-pink-manhattan-950: #2c1017;
}SCSS
$pink-manhattan: #c16c7b;
$pink-manhattan-rgb: 193, 108, 123;
$pink-manhattan-light: mix(#fff, $pink-manhattan, 20%);
$pink-manhattan-dark: mix(#000, $pink-manhattan, 20%);
.element {
color: $pink-manhattan;
box-shadow: 0 0 0 2px rgba($pink-manhattan, 0.35);
}