Benannte Farbe · #D49AB9
Sweet Perfume
Sweet Perfume ist #D49AB9: rgb(212 154 185), hsl(328 40% 72%), oklch(0.751 0.08 345.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Sweet Perfume color name →
#D49AB9
oklch(0.751 0.08 345.9)
Farbumrechnungen
- HEX
- #d49ab9
- RGB
- rgb(212 154 185)
- HSL
- hsl(328 40% 72%)
- HWB
- hwb(328 60% 17%)
- OKLCH
- oklch(0.751 0.08 345.9)
- OKLab
- oklab(0.751 0.078 -0.019)
- CIE Lab
- lab(70 25.82 -7.11)
- LCH
- lch(70 26.78 344.6)
- CMYK
- cmyk(0% 27% 13% 17%)
Tints · Shades · Tones
Tints
- D9A4C0
- DDAEC7
- E2B8CE
- E6C2D5
- EBCCDC
- EFD6E3
- F3E0EA
- F7EAF1
- FBF5F8
Shades
- B885A0
- 9D7189
- 835E71
- 694B5B
- 513946
- 3A2731
- 24171E
- 10090D
- 020102
Tones
- CC98B3
- C395AD
- BB93A8
- B290A2
- AA8D9C
- A28B96
- 998891
- 91858B
- 888386
Farbharmonien
Komplementär +180°
- D49AB9
Sweet Perfume
- 7CBFA2
≈ Celadon Porcelain
Analog -30° +30°
- D49AB9
Sweet Perfume
- C29FD1
≈ Lilac Lace
- DC9A9D
≈ Blushing Bud
Triadisch +120° +240°
- D49AB9
Sweet Perfume
- B5B276
≈ Leek Powder
- 75B9D5
≈ Blue Chrysocolla
Geteilt komplementär +150° +210°
- D49AB9
Sweet Perfume
- 98BA87
≈ Seafoam Green
- 6DBEBF
≈ Aqua Sky
Tetradisch +90° +180° +270°
- D49AB9
Sweet Perfume
- CCA874
≈ Balsam Brown
- 7CBFA2
≈ Celadon Porcelain
- 8DB1E1
≈ Blue Skies Today
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.12:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--sweet-perfume: #d49ab9;
--sweet-perfume-rgb: 212 154 185;
--sweet-perfume-oklch: oklch(0.751 0.08 345.9);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(328 40% 72%);
border-color: oklch(0.751 0.08 345.9);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d49ab9;
--color-sweet-perfume-50: #ffecf9;
--color-sweet-perfume-100: #fddeed;
--color-sweet-perfume-200: #efc7da;
--color-sweet-perfume-300: #d7a7bf;
--color-sweet-perfume-400: #c28ca9;
--color-sweet-perfume-500: #ad7091;
--color-sweet-perfume-600: #925f7b;
--color-sweet-perfume-700: #754c62;
--color-sweet-perfume-800: #563749;
--color-sweet-perfume-900: #3c2633;
--color-sweet-perfume-950: #26141e;
}SCSS
$sweet-perfume: #d49ab9;
$sweet-perfume-rgb: 212, 154, 185;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}