Couleur nommée la plus proche · #D56D91
#D56D91
Couleur nommée la plus proche: Preppy Rose
#D56D91 (rgb(213 109 145), hsl(339 55% 63%), oklch(0.665 0.136 359.5)) est la plus proche de la couleur nommée Preppy Rose. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D56D91
oklch(0.665 0.136 359.5)
Conversions de couleur
- HEX
- #d56d91
- RGB
- rgb(213 109 145)
- HSL
- hsl(339 55% 63%)
- HWB
- hwb(339 43% 16%)
- OKLCH
- oklch(0.665 0.136 359.5)
- OKLab
- oklab(0.665 0.136 -0.001)
- CIE Lab
- lab(59.42 44.54 0.09)
- LCH
- lch(59.42 44.54 0.1)
- CMYK
- cmyk(0% 49% 32% 16%)
Teintes · Ombres · Tons
Teintes
- DB7C9B
- E08BA6
- E599B1
- EAA8BC
- EEB6C7
- F2C5D2
- F6D3DD
- F9E2E8
- FCF0F4
Ombres
- B95E7D
- 9E4F6A
- 834158
- 6A3346
- 512635
- 3A1925
- 240D15
- 100407
- 020101
Tons
- CD708F
- C5728E
- BD758C
- B5778A
- AD7988
- A47B87
- 9C7C85
- 937E83
- 8A7F82
Harmonies de couleurs
Complémentaire +180°
- D56D91
Preppy Rose
- 00AB96
≈ Shindig
Analogue -30° +30°
- D56D91
Preppy Rose
- C173BC
≈ Gulābī Pink
- DA7061
≈ Mettwurst
Triadique +120° +240°
- D56D91
Preppy Rose
- 8A9F31
≈ Vigorous Wasabi
- 2D9DDE
≈ Homeworld
Complémentaire divisée +150° +210°
- D56D91
Preppy Rose
- 4DAA65
≈ Deep Mint
- 00A6BA
≈ Jamaican Sea
Tétradique +90° +180° +270°
- D56D91
Preppy Rose
- B58E01
≈ Cobra Leather
- 00AB96
≈ Shindig
- 738EE7
≈ Guilliman Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.26:1 · APCA Lc 60
Ag
AASur noir
WCAG 6.42:1 · APCA Lc 42
Meilleure couleur de texte: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
Extraits de code
CSS
:root {
--preppy-rose: #d56d91;
--preppy-rose-rgb: 213 109 145;
--preppy-rose-oklch: oklch(0.665 0.136 359.5);
}
.element {
color: var(--preppy-rose);
background-color: hsl(339 55% 63%);
border-color: oklch(0.665 0.136 359.5);
}Tailwind CSS v4
@theme {
--color-preppy-rose: #d56d91;
--color-preppy-rose-50: #ffe6f2;
--color-preppy-rose-100: #ffd6e5;
--color-preppy-rose-200: #ffbcd0;
--color-preppy-rose-300: #f19ab3;
--color-preppy-rose-400: #de7a9c;
--color-preppy-rose-500: #cb5a83;
--color-preppy-rose-600: #ac4d6f;
--color-preppy-rose-700: #8a3d59;
--color-preppy-rose-800: #662c43;
--color-preppy-rose-900: #481d2e;
--color-preppy-rose-950: #2f0d1b;
}SCSS
$preppy-rose: #d56d91;
$preppy-rose-rgb: 213, 109, 145;
$preppy-rose-light: mix(#fff, $preppy-rose, 20%);
$preppy-rose-dark: mix(#000, $preppy-rose, 20%);
.element {
color: $preppy-rose;
box-shadow: 0 0 0 2px rgba($preppy-rose, 0.35);
}