Colore con nome · #D49AB9
Sweet Perfume
Sweet Perfume è #D49AB9: rgb(212 154 185), hsl(328 40% 72%), oklch(0.751 0.08 345.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sweet Perfume color name →
#D49AB9
oklch(0.751 0.08 345.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D9A4C0
- DDAEC7
- E2B8CE
- E6C2D5
- EBCCDC
- EFD6E3
- F3E0EA
- F7EAF1
- FBF5F8
Ombre
- B885A0
- 9D7189
- 835E71
- 694B5B
- 513946
- 3A2731
- 24171E
- 10090D
- 020102
Toni
- CC98B3
- C395AD
- BB93A8
- B290A2
- AA8D9C
- A28B96
- 998891
- 91858B
- 888386
Armonie di colore
Complementare +180°
- D49AB9
Sweet Perfume
- 7CBFA2
≈ Celadon Porcelain
Analogo -30° +30°
- D49AB9
Sweet Perfume
- C29FD1
≈ Lilac Lace
- DC9A9D
≈ Blushing Bud
Triadico +120° +240°
- D49AB9
Sweet Perfume
- B5B276
≈ Leek Powder
- 75B9D5
≈ Blue Chrysocolla
Complementare divisa +150° +210°
- D49AB9
Sweet Perfume
- 98BA87
≈ Seafoam Green
- 6DBEBF
≈ Aqua Sky
Tetradico +90° +180° +270°
- D49AB9
Sweet Perfume
- CCA874
≈ Balsam Brown
- 7CBFA2
≈ Celadon Porcelain
- 8DB1E1
≈ Blue Skies Today
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.30:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.12:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
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);
}