Nazwany kolor · #B17494
So Long Shadow
So Long Shadow to #B17494: rgb(177 116 148), hsl(329 28% 57%), oklch(0.632 0.087 347.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · So Long Shadow color name →
#B17494
oklch(0.632 0.087 347.1)
Konwersje koloru
- HEX
- #b17494
- RGB
- rgb(177 116 148)
- HSL
- hsl(329 28% 57%)
- HWB
- hwb(329 45% 31%)
- OKLCH
- oklch(0.632 0.087 347.1)
- OKLab
- oklab(0.632 0.085 -0.019)
- CIE Lab
- lab(56.19 28.16 -7.05)
- LCH
- lch(56.19 29.03 346)
- CMYK
- cmyk(0% 34% 16% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9819E
- C18FA9
- C99DB3
- D1AABE
- D9B8C8
- E1C6D3
- E9D4DE
- F0E2E9
- F8F1F4
Odcienie ciemniejsze
- 996480
- 83546D
- 6C455A
- 573748
- 422936
- 2F1B26
- 1C0F16
- 0C0508
- 010101
Tony
- AC7592
- A87790
- A3788E
- 9E7A8C
- 9A7B8A
- 957C88
- 907D86
- 8B7E84
- 857F82
Harmonie kolorów
Komplementarna +180°
- B17494
So Long Shadow
- 509B7F
≈ Wintergreen Shadow
Analogowa -30° +30°
- B17494
So Long Shadow
- A079AD
≈ Cloudy Plum
- B97477
≈ Rita’s Rouge
Triada +120° +240°
- B17494
So Long Shadow
- 908E4C
≈ Green Jalapeño
- 4994B3
≈ Jet Ski
Komplementarna rozszczepiona +150° +210°
- B17494
So Long Shadow
- 709662
≈ Milpa
- 3C9A9C
≈ Aquatic Green
Tetrada +90° +180° +270°
- B17494
So Long Shadow
- A8834A
≈ Muddy Waters
- 509B7F
≈ Wintergreen Shadow
- 688CBF
≈ Faded Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.62:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.79:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.79:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--so-long-shadow: #b17494;
--so-long-shadow-rgb: 177 116 148;
--so-long-shadow-oklch: oklch(0.632 0.087 347.1);
}
.element {
color: var(--so-long-shadow);
background-color: hsl(329 28% 57%);
border-color: oklch(0.632 0.087 347.1);
}Tailwind CSS v4
@theme {
--color-so-long-shadow: #b17494;
--color-so-long-shadow-50: #ffecf9;
--color-so-long-shadow-100: #ffddec;
--color-so-long-shadow-200: #f2c6da;
--color-so-long-shadow-300: #daa6be;
--color-so-long-shadow-400: #c589a8;
--color-so-long-shadow-500: #b06e91;
--color-so-long-shadow-600: #955d7b;
--color-so-long-shadow-700: #784a62;
--color-so-long-shadow-800: #583649;
--color-so-long-shadow-900: #3e2533;
--color-so-long-shadow-950: #27131e;
}SCSS
$so-long-shadow: #b17494;
$so-long-shadow-rgb: 177, 116, 148;
$so-long-shadow-light: mix(#fff, $so-long-shadow, 20%);
$so-long-shadow-dark: mix(#000, $so-long-shadow, 20%);
.element {
color: $so-long-shadow;
box-shadow: 0 0 0 2px rgba($so-long-shadow, 0.35);
}