Benannte Farbe · #D58A94
Dusty Pink
Dusty Pink ist #D58A94: rgb(213 138 148), hsl(352 47% 69%), oklch(0.713 0.092 11). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Dusty Pink color name →
#D58A94
oklch(0.713 0.092 11)
Farbumrechnungen
- HEX
- #d58a94
- RGB
- rgb(213 138 148)
- HSL
- hsl(352 47% 69%)
- HWB
- hwb(352 54% 16%)
- OKLCH
- oklch(0.713 0.092 11)
- OKLab
- oklab(0.713 0.091 0.018)
- CIE Lab
- lab(65.61 30.36 7.2)
- LCH
- lch(65.61 31.2 13.3)
- CMYK
- cmyk(0% 35% 31% 16%)
Tints · Shades · Tones
Tints
- DA969E
- DFA1A9
- E4ADB3
- E8B8BE
- ECC4C8
- F0D0D3
- F4DBDE
- F8E7E9
- FCF3F4
Shades
- B97780
- 9E656D
- 83535A
- 6A4248
- 513236
- 3A2226
- 241416
- 100708
- 020101
Tones
- CD8992
- C48990
- BC888E
- B4878C
- AB868A
- A38588
- 9A8486
- 928384
- 898182
Farbharmonien
Komplementär +180°
- D58A94
Dusty Pink
- 52B5B0
≈ Crystalsong Blue
Analog -30° +30°
- D58A94
Dusty Pink
- CA8BB4
≈ Bossy-Pants Pink
- D48F75
≈ Nectarina
Triadisch +120° +240°
- D58A94
Dusty Pink
- 8EAE71
≈ Geranium Leaf
- 76A6DA
≈ Greek Sea
Geteilt komplementär +150° +210°
- D58A94
Dusty Pink
- 6BB48F
≈ Crazy Eyes
- 59B0CB
≈ Crystal Seas
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.66:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.89:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--dusty-pink: #d58a94;
--dusty-pink-rgb: 213 138 148;
--dusty-pink-oklch: oklch(0.713 0.092 11);
}
.element {
color: var(--dusty-pink);
background-color: hsl(352 47% 69%);
border-color: oklch(0.713 0.092 11);
}Tailwind CSS v4
@theme {
--color-dusty-pink: #d58a94;
--color-dusty-pink-50: #ffebee;
--color-dusty-pink-100: #ffdcdf;
--color-dusty-pink-200: #f9c5c9;
--color-dusty-pink-300: #e2a4aa;
--color-dusty-pink-400: #cf8891;
--color-dusty-pink-500: #bb6b77;
--color-dusty-pink-600: #9e5b65;
--color-dusty-pink-700: #7f4950;
--color-dusty-pink-800: #5e343c;
--color-dusty-pink-900: #422429;
--color-dusty-pink-950: #2a1217;
}SCSS
$dusty-pink: #d58a94;
$dusty-pink-rgb: 213, 138, 148;
$dusty-pink-light: mix(#fff, $dusty-pink, 20%);
$dusty-pink-dark: mix(#000, $dusty-pink, 20%);
.element {
color: $dusty-pink;
box-shadow: 0 0 0 2px rgba($dusty-pink, 0.35);
}