Colore con nome · #D1668F
Preppy Rose
Preppy Rose è #D1668F: rgb(209 102 143), hsl(337 54% 61%), oklch(0.649 0.142 357.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Preppy Rose color name →
#D1668F
oklch(0.649 0.142 357.6)
Conversioni di colore
- HEX
- #d1668f
- RGB
- rgb(209 102 143)
- HSL
- hsl(337 54% 61%)
- HWB
- hwb(337 40% 18%)
- OKLCH
- oklch(0.649 0.142 357.6)
- OKLab
- oklab(0.649 0.142 -0.006)
- CIE Lab
- lab(57.44 46.29 -1.7)
- LCH
- lch(57.44 46.32 357.9)
- CMYK
- cmyk(0% 51% 32% 18%)
Tinte · Ombre · Toni
Tinte
- D7769A
- DD85A4
- E395AF
- E8A4BA
- EDB3C6
- F1C2D1
- F5D1DC
- F9E0E8
- FCF0F3
Ombre
- B5587C
- 9B4A69
- 813C57
- 682F45
- 502334
- 391724
- 230C15
- 100407
- 020001
Toni
- CA6A8D
- C26D8C
- BB708A
- B37389
- AB7687
- A37886
- 9B7A84
- 927C83
- 897E81
Armonie di colore
Complementare +180°
- D1668F
Preppy Rose
- 00A68E
≈ Ottawa Falls
Analogo -30° +30°
- D1668F
Preppy Rose
- BC6DBB
≈ Lavendless
- D7695D
≈ Tory Red
Triadico +120° +240°
- D1668F
Preppy Rose
- 88991C
≈ Densetsu Green
- 0799DA
≈ Atmosphere
Complementare divisa +150° +210°
- D1668F
Preppy Rose
- 49A65A
≈ Spinach
- 00A1B2
≈ Breaking Wave
Tetradico +90° +180° +270°
- D1668F
Preppy Rose
- B18800
≈ Yellow Brown
- 00A68E
≈ Ottawa Falls
- 6989E5
≈ Soft Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.49:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.00:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.00:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--preppy-rose: #d1668f;
--preppy-rose-rgb: 209 102 143;
--preppy-rose-oklch: oklch(0.649 0.142 357.6);
}
.element {
color: var(--preppy-rose);
background-color: hsl(337 54% 61%);
border-color: oklch(0.649 0.142 357.6);
}Tailwind CSS v4
@theme {
--color-preppy-rose: #d1668f;
--color-preppy-rose-50: #ffe5f4;
--color-preppy-rose-100: #ffd5e6;
--color-preppy-rose-200: #ffbbd2;
--color-preppy-rose-300: #f398b5;
--color-preppy-rose-400: #e0789f;
--color-preppy-rose-500: #cd5886;
--color-preppy-rose-600: #ad4b72;
--color-preppy-rose-700: #8b3c5b;
--color-preppy-rose-800: #672a44;
--color-preppy-rose-900: #481d2f;
--color-preppy-rose-950: #2f0c1c;
}SCSS
$preppy-rose: #d1668f;
$preppy-rose-rgb: 209, 102, 143;
$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);
}