Couleur nommée la plus proche · #D4BADC
#D4BADC
Couleur nommée la plus proche: York Plum
#D4BADC (rgb(212 186 220), hsl(286 33% 80%), oklch(0.822 0.055 318.2)) est la plus proche de la couleur nommée York Plum. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D4BADC
oklch(0.822 0.055 318.2)
Conversions de couleur
- HEX
- #d4badc
- RGB
- rgb(212 186 220)
- HSL
- hsl(286 33% 80%)
- HWB
- hwb(286 73% 14%)
- OKLCH
- oklch(0.822 0.055 318.2)
- OKLab
- oklab(0.822 0.041 -0.036)
- CIE Lab
- lab(78.57 14.09 -13.53)
- LCH
- lch(78.57 19.54 316.2)
- CMYK
- cmyk(4% 15% 0% 14%)
Teintes · Ombres · Tons
Teintes
- D8C1E0
- DDC8E3
- E1CEE7
- E5D5EA
- E9DCEE
- EEE3F1
- F2EAF5
- F6F1F8
- FBF8FC
Ombres
- B8A1BF
- 9D89A3
- 837288
- 695C6E
- 514654
- 3A323C
- 241E26
- 100D11
- 020202
Tons
- CBB4D2
- C3AEC9
- BAA8C0
- B2A2B6
- A99DAD
- A197A4
- 98919B
- 908B92
- 888689
Harmonies de couleurs
Complémentaire +180°
- D4BADC
York Plum
- B4CEAB
≈ Gio Ponti Green
Analogue -30° +30°
- D4BADC
York Plum
- C2C0E7
≈ Violet Gems
- E1B7CB
≈ Kunzite
Triadique +120° +240°
- D4BADC
York Plum
- D8C19D
≈ Golden Gate
- 9BD0D1
≈ Morning Glory
Complémentaire divisée +150° +210°
- D4BADC
York Plum
- C7C89F
≈ Watercress Pesto
- A3D1BE
≈ Taffy Twist
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.77:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.85:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--york-plum: #d4badc;
--york-plum-rgb: 212 186 220;
--york-plum-oklch: oklch(0.822 0.055 318.2);
}
.element {
color: var(--york-plum);
background-color: hsl(286 33% 80%);
border-color: oklch(0.822 0.055 318.2);
}Tailwind CSS v4
@theme {
--color-york-plum: #d4badc;
--color-york-plum-50: #fcf0ff;
--color-york-plum-100: #f0e2f3;
--color-york-plum-200: #dfcde3;
--color-york-plum-300: #c4afc9;
--color-york-plum-400: #ac95b4;
--color-york-plum-500: #967b9e;
--color-york-plum-600: #7f6885;
--color-york-plum-700: #65536b;
--color-york-plum-800: #4a3d4f;
--color-york-plum-900: #332a37;
--color-york-plum-950: #1f1722;
}SCSS
$york-plum: #d4badc;
$york-plum-rgb: 212, 186, 220;
$york-plum-light: mix(#fff, $york-plum, 20%);
$york-plum-dark: mix(#000, $york-plum, 20%);
.element {
color: $york-plum;
box-shadow: 0 0 0 2px rgba($york-plum, 0.35);
}