Benannte Farbe · #D98580
Pink Damask
Pink Damask ist #D98580: rgb(217 133 128), hsl(3 54% 68%), oklch(0.704 0.104 23.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pink Damask color name →
#D98580
oklch(0.704 0.104 23.7)
Farbumrechnungen
- HEX
- #d98580
- RGB
- rgb(217 133 128)
- HSL
- hsl(3 54% 68%)
- HWB
- hwb(3 50% 15%)
- OKLCH
- oklch(0.704 0.104 23.7)
- OKLab
- oklab(0.704 0.096 0.042)
- CIE Lab
- lab(64.61 32.68 17.14)
- LCH
- lch(64.61 36.9 27.7)
- CMYK
- cmyk(0% 39% 41% 15%)
Tints · Shades · Tones
Tints
- DE918C
- E29D98
- E7AAA5
- EBB6B1
- EFC2BE
- F3CECB
- F6DAD8
- F9E6E5
- FCF3F2
Shades
- BC736E
- A1615D
- 86504D
- 6C403D
- 53302E
- 3B211F
- 251312
- 110606
- 020101
Tones
- D08580
- C88580
- BF8580
- B68480
- AE8480
- A58380
- 9C8280
- 938280
- 898180
Farbharmonien
Komplementär +180°
- D98580
Pink Damask
- 3AB2BD
≈ Lago Blue
Analog -30° +30°
- D98580
Pink Damask
- D284A4
≈ Heirloom Rose
- D28D5F
≈ Grounded
Triadisch +120° +240°
- D98580
Pink Damask
- 77B175
≈ Faded Green
- 7E9FE1
≈ Blue Cue
Geteilt komplementär +150° +210°
- D98580
Pink Damask
- 4DB59A
≈ Electra
- 56AAD6
≈ Cousteau
Tetradisch +90° +180° +270°
- D98580
Pink Damask
- 9FA757
≈ Springtide Melodies
- 3AB2BD
≈ Lago Blue
- A393DA
≈ Middy’s Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.75:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.61:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--pink-damask: #d98580;
--pink-damask-rgb: 217 133 128;
--pink-damask-oklch: oklch(0.704 0.104 23.7);
}
.element {
color: var(--pink-damask);
background-color: hsl(3 54% 68%);
border-color: oklch(0.704 0.104 23.7);
}Tailwind CSS v4
@theme {
--color-pink-damask: #d98580;
--color-pink-damask-50: #ffeae6;
--color-pink-damask-100: #ffdbd6;
--color-pink-damask-200: #fec4bd;
--color-pink-damask-300: #e8a39c;
--color-pink-damask-400: #d58581;
--color-pink-damask-500: #c26864;
--color-pink-damask-600: #a45955;
--color-pink-damask-700: #834744;
--color-pink-damask-800: #623332;
--color-pink-damask-900: #452322;
--color-pink-damask-950: #2c1111;
}SCSS
$pink-damask: #d98580;
$pink-damask-rgb: 217, 133, 128;
$pink-damask-light: mix(#fff, $pink-damask, 20%);
$pink-damask-dark: mix(#000, $pink-damask, 20%);
.element {
color: $pink-damask;
box-shadow: 0 0 0 2px rgba($pink-damask, 0.35);
}