Couleur nommée la plus proche · #D59CBA
#D59CBA
Couleur nommée la plus proche: Sweet Perfume
#D59CBA (rgb(213 156 186), hsl(328 40% 72%), oklch(0.756 0.078 346.3)) est la plus proche de la couleur nommée Sweet Perfume. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D59CBA
oklch(0.756 0.078 346.3)
Conversions de couleur
- HEX
- #d59cba
- RGB
- rgb(213 156 186)
- HSL
- hsl(328 40% 72%)
- HWB
- hwb(328 61% 16%)
- OKLCH
- oklch(0.756 0.078 346.3)
- OKLab
- oklab(0.756 0.076 -0.019)
- CIE Lab
- lab(70.6 25.28 -6.77)
- LCH
- lch(70.6 26.17 345)
- CMYK
- cmyk(0% 27% 13% 16%)
Teintes · Ombres · Tons
Teintes
- DAA6C1
- DEAFC8
- E3B9CE
- E7C3D5
- EBCDDC
- EFD7E3
- F3E1EA
- F7EBF1
- FBF5F8
Ombres
- B987A1
- 9E7389
- 835F72
- 6A4C5C
- 513946
- 3A2832
- 24181E
- 10090D
- 020102
Tons
- CC99B4
- C497AE
- BB94A8
- B391A2
- AA8E9D
- A28C97
- 998991
- 91868B
- 898386
Harmonies de couleurs
Complémentaire +180°
- D59CBA
Sweet Perfume
- 7EC0A5
≈ Celadon Porcelain
Analogue -30° +30°
- D59CBA
Sweet Perfume
- C4A1D1
≈ Lilac Lace
- DD9C9F
≈ Pimlico
Triadique +120° +240°
- D59CBA
Sweet Perfume
- B6B379
≈ Leek Powder
- 78BAD6
≈ Pacific Harbour
Complémentaire divisée +150° +210°
- D59CBA
Sweet Perfume
- 99BC8A
≈ Seafoam Green
- 70BFC0
≈ Pure Turquoise
Tétradique +90° +180° +270°
- D59CBA
Sweet Perfume
- CCA977
≈ Burning Gold
- 7EC0A5
≈ Celadon Porcelain
- 90B2E1
≈ Blue Skies Today
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.25:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.29:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--sweet-perfume: #d59cba;
--sweet-perfume-rgb: 213 156 186;
--sweet-perfume-oklch: oklch(0.756 0.078 346.3);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(328 40% 72%);
border-color: oklch(0.756 0.078 346.3);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d59cba;
--color-sweet-perfume-50: #ffedf9;
--color-sweet-perfume-100: #fddeec;
--color-sweet-perfume-200: #efc7da;
--color-sweet-perfume-300: #d7a8be;
--color-sweet-perfume-400: #c18ca8;
--color-sweet-perfume-500: #ac7191;
--color-sweet-perfume-600: #91607b;
--color-sweet-perfume-700: #754c62;
--color-sweet-perfume-800: #563749;
--color-sweet-perfume-900: #3c2633;
--color-sweet-perfume-950: #26141e;
}SCSS
$sweet-perfume: #d59cba;
$sweet-perfume-rgb: 213, 156, 186;
$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);
}