Benannte Farbe · #D88CB5
High Maintenance
High Maintenance ist #D88CB5: rgb(216 140 181), hsl(328 49% 70%), oklch(0.73 0.106 346.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · High Maintenance color name →
#D88CB5
oklch(0.73 0.106 346.5)
Farbumrechnungen
- HEX
- #d88cb5
- RGB
- rgb(216 140 181)
- HSL
- hsl(328 49% 70%)
- HWB
- hwb(328 55% 15%)
- OKLCH
- oklch(0.73 0.106 346.5)
- OKLab
- oklab(0.73 0.103 -0.025)
- CIE Lab
- lab(67.19 33.96 -8.96)
- LCH
- lch(67.19 35.13 345.2)
- CMYK
- cmyk(0% 35% 16% 15%)
Tints · Shades · Tones
Tints
- DD97BC
- E1A3C4
- E5AECB
- EABAD2
- EEC5DA
- F1D1E1
- F5DCE8
- F9E8F0
- FCF3F7
Shades
- BC799D
- A06786
- 85556F
- 6B4359
- 533344
- 3B2330
- 25141D
- 11070C
- 020102
Tones
- CF8BB0
- C78AAA
- BE89A5
- B5889F
- AD879A
- A48695
- 9B8490
- 92838A
- 898285
Farbharmonien
Komplementär +180°
- D88CB5
High Maintenance
- 5EBD99
≈ Expressionism Green
Analog -30° +30°
- D88CB5
High Maintenance
- C293D4
≈ Lenurple
- E28C90
≈ Ruddy Pink
Triadisch +120° +240°
- D88CB5
High Maintenance
- B0AC59
≈ Palm Frond
- 54B5DB
≈ Sail Away
Geteilt komplementär +150° +210°
- D88CB5
High Maintenance
- 88B774
≈ Hakusai Green
- 42BCBE
≈ Lagoon Rock
Tetradisch +90° +180° +270°
- D88CB5
High Maintenance
- CD9E57
≈ Bright Gold
- 5EBD99
≈ Expressionism Green
- 7BAAE9
≈ Jordy Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.51:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.33:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.33:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--high-maintenance: #d88cb5;
--high-maintenance-rgb: 216 140 181;
--high-maintenance-oklch: oklch(0.73 0.106 346.5);
}
.element {
color: var(--high-maintenance);
background-color: hsl(328 49% 70%);
border-color: oklch(0.73 0.106 346.5);
}Tailwind CSS v4
@theme {
--color-high-maintenance: #d88cb5;
--color-high-maintenance-50: #ffeafa;
--color-high-maintenance-100: #ffdaee;
--color-high-maintenance-200: #f8c2dc;
--color-high-maintenance-300: #e1a2c0;
--color-high-maintenance-400: #cc85ab;
--color-high-maintenance-500: #b86894;
--color-high-maintenance-600: #9b587d;
--color-high-maintenance-700: #7d4664;
--color-high-maintenance-800: #5c334b;
--color-high-maintenance-900: #402234;
--color-high-maintenance-950: #29111f;
}SCSS
$high-maintenance: #d88cb5;
$high-maintenance-rgb: 216, 140, 181;
$high-maintenance-light: mix(#fff, $high-maintenance, 20%);
$high-maintenance-dark: mix(#000, $high-maintenance, 20%);
.element {
color: $high-maintenance;
box-shadow: 0 0 0 2px rgba($high-maintenance, 0.35);
}