Nazwany kolor · #AC839C
Capri Fashion Pink
Capri Fashion Pink to #AC839C: rgb(172 131 156), hsl(323 20% 59%), oklch(0.657 0.061 341.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Capri Fashion Pink color name →
#AC839C
oklch(0.657 0.061 341.7)
Konwersje koloru
- HEX
- #ac839c
- RGB
- rgb(172 131 156)
- HSL
- hsl(323 20% 59%)
- HWB
- hwb(323 51% 33%)
- OKLCH
- oklch(0.657 0.061 341.7)
- OKLab
- oklab(0.657 0.058 -0.019)
- CIE Lab
- lab(59.4 19.3 -6.99)
- LCH
- lch(59.4 20.53 340.1)
- CMYK
- cmyk(0% 24% 9% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B48FA6
- BD9BAF
- C5A7B9
- CDB3C3
- D6C0CC
- DECCD6
- E6D9E0
- EEE5EB
- F7F2F5
Odcienie ciemniejsze
- 957187
- 7F6073
- 694F5F
- 543F4C
- 402F39
- 2D2028
- 1B1218
- 0B0609
- 010101
Tony
- A88399
- A38396
- 9F8294
- 9B8291
- 96828E
- 92818B
- 8E8188
- 898186
- 858083
Harmonie kolorów
Komplementarna +180°
- AC839C
Capri Fashion Pink
- 709D86
≈ Peahen
Analogowa -30° +30°
- AC839C
Capri Fashion Pink
- 9E87AD
≈ Celeb City
- B38288
≈ Retro Pink
Triada +120° +240°
- AC839C
Capri Fashion Pink
- 999368
≈ Cactus Sand
- 679AAC
≈ Cloudy Sea
Komplementarna rozszczepiona +150° +210°
- AC839C
Capri Fashion Pink
- 849A73
≈ Fallout Grey
- 649E9B
≈ Canton
Tetrada +90° +180° +270°
- AC839C
Capri Fashion Pink
- A98C68
≈ Old Leather
- 709D86
≈ Peahen
- 7694B6
≈ Jay Wing Feathers
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.24:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.48:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.48:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--capri-fashion-pink: #ac839c;
--capri-fashion-pink-rgb: 172 131 156;
--capri-fashion-pink-oklch: oklch(0.657 0.061 341.7);
}
.element {
color: var(--capri-fashion-pink);
background-color: hsl(323 20% 59%);
border-color: oklch(0.657 0.061 341.7);
}Tailwind CSS v4
@theme {
--color-capri-fashion-pink: #ac839c;
--color-capri-fashion-pink-50: #ffeff9;
--color-capri-fashion-pink-100: #f8e0ed;
--color-capri-fashion-pink-200: #e8cadb;
--color-capri-fashion-pink-300: #cfacbf;
--color-capri-fashion-pink-400: #b891a9;
--color-capri-fashion-pink-500: #a37692;
--color-capri-fashion-pink-600: #8a647b;
--color-capri-fashion-pink-700: #6e5063;
--color-capri-fashion-pink-800: #513a49;
--color-capri-fashion-pink-900: #382833;
--color-capri-fashion-pink-950: #23161e;
}SCSS
$capri-fashion-pink: #ac839c;
$capri-fashion-pink-rgb: 172, 131, 156;
$capri-fashion-pink-light: mix(#fff, $capri-fashion-pink, 20%);
$capri-fashion-pink-dark: mix(#000, $capri-fashion-pink, 20%);
.element {
color: $capri-fashion-pink;
box-shadow: 0 0 0 2px rgba($capri-fashion-pink, 0.35);
}