Benannte Farbe · #BA97B1
Cherished
Cherished ist #BA97B1: rgb(186 151 177), hsl(315 20% 66%), oklch(0.716 0.055 335.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Cherished color name →
#BA97B1
oklch(0.716 0.055 335.4)
Farbumrechnungen
- HEX
- #ba97b1
- RGB
- rgb(186 151 177)
- HSL
- hsl(315 20% 66%)
- HWB
- hwb(315 59% 27%)
- OKLCH
- oklch(0.716 0.055 335.4)
- OKLab
- oklab(0.716 0.05 -0.023)
- CIE Lab
- lab(66.35 16.77 -8.41)
- LCH
- lch(66.35 18.76 333.4)
- CMYK
- cmyk(0% 19% 5% 27%)
Tints · Shades · Tones
Tints
- C1A1B9
- C8ABC0
- CFB5C8
- D6C0D0
- DDCAD7
- E3D4DF
- EADFE7
- F1EAEF
- F8F4F7
Shades
- A18399
- 896F83
- 725C6C
- 5C4957
- 463742
- 32262F
- 1E171C
- 0D080C
- 020101
Tones
- B495AC
- AE92A7
- A990A2
- A38E9D
- 9D8C98
- 978993
- 91878E
- 8C858A
- 868285
Farbharmonien
Komplementär +180°
- BA97B1
Cherished
- 89AE95
≈ Covent Garden
Analog -30° +30°
- BA97B1
Cherished
- AB9BBF
≈ Purple Springs
- C2969E
≈ Rose Meadow
Triadisch +120° +240°
- BA97B1
Cherished
- AEA47D
≈ Gold Infusion
- 7CADB9
≈ November Skies
Geteilt komplementär +150° +210°
- BA97B1
Cherished
- 9BAA85
≈ Banyan Serenity
- 7CAFA8
≈ Green Room
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.57:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.14:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--cherished: #ba97b1;
--cherished-rgb: 186 151 177;
--cherished-oklch: oklch(0.716 0.055 335.4);
}
.element {
color: var(--cherished);
background-color: hsl(315 20% 66%);
border-color: oklch(0.716 0.055 335.4);
}Tailwind CSS v4
@theme {
--color-cherished: #ba97b1;
--color-cherished-50: #ffeffb;
--color-cherished-100: #f5e1ee;
--color-cherished-200: #e5ccdd;
--color-cherished-300: #cbadc1;
--color-cherished-400: #b493ab;
--color-cherished-500: #9e7994;
--color-cherished-600: #85667e;
--color-cherished-700: #6b5264;
--color-cherished-800: #4e3b4a;
--color-cherished-900: #362934;
--color-cherished-950: #21171f;
}SCSS
$cherished: #ba97b1;
$cherished-rgb: 186, 151, 177;
$cherished-light: mix(#fff, $cherished, 20%);
$cherished-dark: mix(#000, $cherished, 20%);
.element {
color: $cherished;
box-shadow: 0 0 0 2px rgba($cherished, 0.35);
}