Colore con nome più vicino · #D596B6
#D596B6
Colore con nome più vicino: Sweet Perfume
#D596B6 (rgb(213 150 182), hsl(330 43% 71%), oklch(0.744 0.086 347.5)) è più vicino al colore con nome Sweet Perfume. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D596B6
oklch(0.744 0.086 347.5)
Conversioni di colore
- HEX
- #d596b6
- RGB
- rgb(213 150 182)
- HSL
- hsl(330 43% 71%)
- HWB
- hwb(330 59% 16%)
- OKLCH
- oklch(0.744 0.086 347.5)
- OKLab
- oklab(0.744 0.084 -0.019)
- CIE Lab
- lab(69.11 27.88 -6.73)
- LCH
- lch(69.11 28.68 346.4)
- CMYK
- cmyk(0% 30% 15% 16%)
Tinte · Ombre · Toni
Tinte
- DAA0BD
- DEABC4
- E3B5CB
- E7C0D3
- EBCADA
- F0D4E1
- F4DFE9
- F8EAF0
- FBF4F8
Ombre
- B9829E
- 9E6E86
- 835B6F
- 6A4959
- 513744
- 3A2630
- 24161D
- 10080C
- 020102
Toni
- CD94B0
- C492AB
- BC90A5
- B38EA0
- AB8C9B
- A28995
- 9A8790
- 91858B
- 898285
Armonie di colore
Complementare +180°
- D596B6
Sweet Perfume
- 73BEA1
≈ Mint Cold Green
Analogo -30° +30°
- D596B6
Sweet Perfume
- C39BD0
≈ Mauve Mist
- DD9698
≈ Blushing Bud
Triadico +120° +240°
- D596B6
Sweet Perfume
- B1B06F
≈ Rodham
- 6EB7D7
≈ Tribute
Complementare divisa +150° +210°
- D596B6
Sweet Perfume
- 92B984
≈ Willow Dyed
- 63BDBF
≈ Fresh Soft Blue
Tetradico +90° +180° +270°
- D596B6
Sweet Perfume
- CAA56D
≈ Classic Gold
- 73BEA1
≈ Mint Cold Green
- 8AAEE2
≈ Queer Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.86:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.86:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--sweet-perfume: #d596b6;
--sweet-perfume-rgb: 213 150 182;
--sweet-perfume-oklch: oklch(0.744 0.086 347.5);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(330 43% 71%);
border-color: oklch(0.744 0.086 347.5);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d596b6;
--color-sweet-perfume-50: #ffecf9;
--color-sweet-perfume-100: #ffddec;
--color-sweet-perfume-200: #f2c6da;
--color-sweet-perfume-300: #daa6be;
--color-sweet-perfume-400: #c58aa8;
--color-sweet-perfume-500: #b06e91;
--color-sweet-perfume-600: #955e7a;
--color-sweet-perfume-700: #774b62;
--color-sweet-perfume-800: #583649;
--color-sweet-perfume-900: #3d2533;
--color-sweet-perfume-950: #27131e;
}SCSS
$sweet-perfume: #d596b6;
$sweet-perfume-rgb: 213, 150, 182;
$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);
}