Nazwany kolor · #B28EA8
Soft Impact
Soft Impact to #B28EA8: rgb(178 142 168), hsl(317 19% 63%), oklch(0.688 0.056 336.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Soft Impact color name →
#B28EA8
oklch(0.688 0.056 336.4)
Konwersje koloru
- HEX
- #b28ea8
- RGB
- rgb(178 142 168)
- HSL
- hsl(317 19% 63%)
- HWB
- hwb(317 56% 30%)
- OKLCH
- oklch(0.688 0.056 336.4)
- OKLab
- oklab(0.688 0.051 -0.023)
- CIE Lab
- lab(63.07 17.31 -8.31)
- LCH
- lch(63.07 19.2 334.4)
- CMYK
- cmyk(0% 20% 6% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BA99B0
- C1A4B9
- C9AFC1
- D1BACA
- D8C5D3
- E0D1DC
- E8DCE4
- F0E8ED
- F7F3F6
Odcienie ciemniejsze
- 9A7B92
- 83687C
- 6D5667
- 574452
- 43343F
- 2F242C
- 1D151A
- 0C070A
- 010101
Tony
- AD8DA4
- A88BA0
- A38A9C
- 9E8998
- 998794
- 948690
- 8F848C
- 8A8388
- 858184
Harmonie kolorów
Komplementarna +180°
- B28EA8
Soft Impact
- 7FA68D
≈ Bristol Green
Analogowa -30° +30°
- B28EA8
Soft Impact
- A492B7
≈ Yolanda
- BA8D95
≈ Rosenkavalier
Triada +120° +240°
- B28EA8
Soft Impact
- A59B73
≈ Westcar Papyrus
- 72A4B1
≈ Stillwater
Komplementarna rozszczepiona +150° +210°
- B28EA8
Soft Impact
- 92A27C
≈ Broccoflower
- 72A7A0
≈ Steel Pan Mallet
Tetrada +90° +180° +270°
- B28EA8
Soft Impact
- B39476
≈ Colorado Trail
- 7FA68D
≈ Bristol Green
- 7F9FBC
≈ Washed Denim
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.86:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.32:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-impact: #b28ea8;
--soft-impact-rgb: 178 142 168;
--soft-impact-oklch: oklch(0.688 0.056 336.4);
}
.element {
color: var(--soft-impact);
background-color: hsl(317 19% 63%);
border-color: oklch(0.688 0.056 336.4);
}Tailwind CSS v4
@theme {
--color-soft-impact: #b28ea8;
--color-soft-impact-50: #ffeffb;
--color-soft-impact-100: #f5e1ee;
--color-soft-impact-200: #e5cbdc;
--color-soft-impact-300: #cbadc1;
--color-soft-impact-400: #b592ab;
--color-soft-impact-500: #9f7894;
--color-soft-impact-600: #86667d;
--color-soft-impact-700: #6b5164;
--color-soft-impact-800: #4f3b4a;
--color-soft-impact-900: #372934;
--color-soft-impact-950: #22161f;
}SCSS
$soft-impact: #b28ea8;
$soft-impact-rgb: 178, 142, 168;
$soft-impact-light: mix(#fff, $soft-impact, 20%);
$soft-impact-dark: mix(#000, $soft-impact, 20%);
.element {
color: $soft-impact;
box-shadow: 0 0 0 2px rgba($soft-impact, 0.35);
}