Benannte Farbe · #C15187
Sparkling Blueberry Lemonade
Sparkling Blueberry Lemonade ist #C15187: rgb(193 81 135), hsl(331 47% 54%), oklch(0.595 0.155 352.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sparkling Blueberry Lemonade color name →
#C15187
oklch(0.595 0.155 352.8)
Farbumrechnungen
- HEX
- #c15187
- RGB
- rgb(193 81 135)
- HSL
- hsl(331 47% 54%)
- HWB
- hwb(331 32% 24%)
- OKLCH
- oklch(0.595 0.155 352.8)
- OKLab
- oklab(0.595 0.153 -0.019)
- CIE Lab
- lab(50.96 49.77 -6.8)
- LCH
- lch(50.96 50.23 352.2)
- CMYK
- cmyk(0% 58% 30% 24%)
Tints · Shades · Tones
Tints
- C96392
- D1759E
- D887AA
- DF98B5
- E5A9C1
- EBBACD
- F1CBDA
- F6DCE6
- FBEEF2
Shades
- A74575
- 8F3A63
- 772F51
- 5F2441
- 491A31
- 341021
- 200713
- 0E0206
- 020001
Tones
- BB5786
- B65D86
- B06285
- AA6784
- A46C84
- 9D7083
- 977582
- 8F7981
- 887C81
Farbharmonien
Komplementär +180°
- C15187
Sparkling Blueberry Lemonade
- 009478
≈ Pool Table
Analog -30° +30°
- C15187
Sparkling Blueberry Lemonade
- A95AB3
≈ Royalty Loyalty
- CA5152
≈ Chinese Dragon
Triadisch +120° +240°
- C15187
Sparkling Blueberry Lemonade
- 808600
≈ Elwynn Forest Olive
- 008ABB
≈ Mermaid Dreams
Geteilt komplementär +150° +210°
- C15187
Sparkling Blueberry Lemonade
- 3C9539
≈ Always Greener
- 009099
≈ Splashy
Tetradisch +90° +180° +270°
- C15187
Sparkling Blueberry Lemonade
- A27600
≈ Nataneyu Gold
- 009478
≈ Pool Table
- 4B7ADA
≈ Skies of Cyberspace
Kontrast & Barrierefreiheit
Auf Weiß
WCAG 4.38:1 · APCA Lc 70
Auf Schwarz
WCAG 4.79:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.79:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--sparkling-blueberry-lemonade: #c15187;
--sparkling-blueberry-lemonade-rgb: 193 81 135;
--sparkling-blueberry-lemonade-oklch: oklch(0.595 0.155 352.8);
}
.element {
color: var(--sparkling-blueberry-lemonade);
background-color: hsl(331 47% 54%);
border-color: oklch(0.595 0.155 352.8);
}Tailwind CSS v4
@theme {
--color-sparkling-blueberry-lemonade: #c15187;
--color-sparkling-blueberry-lemonade-50: #ffe4f8;
--color-sparkling-blueberry-lemonade-100: #ffd3eb;
--color-sparkling-blueberry-lemonade-200: #ffb9d8;
--color-sparkling-blueberry-lemonade-300: #f595bc;
--color-sparkling-blueberry-lemonade-400: #e274a7;
--color-sparkling-blueberry-lemonade-500: #cf528f;
--color-sparkling-blueberry-lemonade-600: #af4679;
--color-sparkling-blueberry-lemonade-700: #8d3861;
--color-sparkling-blueberry-lemonade-800: #682849;
--color-sparkling-blueberry-lemonade-900: #491b33;
--color-sparkling-blueberry-lemonade-950: #300a1e;
}SCSS
$sparkling-blueberry-lemonade: #c15187;
$sparkling-blueberry-lemonade-rgb: 193, 81, 135;
$sparkling-blueberry-lemonade-light: mix(#fff, $sparkling-blueberry-lemonade, 20%);
$sparkling-blueberry-lemonade-dark: mix(#000, $sparkling-blueberry-lemonade, 20%);
.element {
color: $sparkling-blueberry-lemonade;
box-shadow: 0 0 0 2px rgba($sparkling-blueberry-lemonade, 0.35);
}