Najbliższy nazwany kolor · #D16988
#D16988
Najbliższy nazwany kolor: Preppy Rose
#D16988 (rgb(209 105 136), hsl(342 53% 62%), oklch(0.651 0.135 2.6)) jest najbliższy nazwanemu kolorowi Preppy Rose. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D16988
oklch(0.651 0.135 2.6)
Konwersje koloru
- HEX
- #d16988
- RGB
- rgb(209 105 136)
- HSL
- hsl(342 53% 62%)
- HWB
- hwb(342 41% 18%)
- OKLCH
- oklch(0.651 0.135 2.6)
- OKLab
- oklab(0.651 0.134 0.006)
- CIE Lab
- lab(57.85 44.24 2.96)
- LCH
- lch(57.85 44.34 3.8)
- CMYK
- cmyk(0% 50% 35% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D77893
- DD889F
- E296AA
- E8A5B6
- ECB4C2
- F1C3CE
- F5D2DA
- F9E1E6
- FCF0F3
Odcienie ciemniejsze
- B55A75
- 9B4C63
- 813E52
- 683141
- 502431
- 391822
- 230C13
- 100406
- 020001
Tony
- CA6C87
- C26F86
- BA7286
- B37585
- AB7784
- A37983
- 9B7B82
- 927D82
- 897E81
Harmonie kolorów
Komplementarna +180°
- D16988
Preppy Rose
- 00A696
≈ Persian Green
Analogowa -30° +30°
- D16988
Preppy Rose
- BF6EB3
≈ Crocus
- D56D58
≈ Red Orpiment
Triada +120° +240°
- D16988
Preppy Rose
- 819C32
≈ Aloe Vera Green
- 3397DA
≈ Homeworld
Komplementarna rozszczepiona +150° +210°
- D16988
Preppy Rose
- 41A766
≈ Bouncy Ball Green
- 00A1B8
≈ January Blue
Tetrada +90° +180° +270°
- D16988
Preppy Rose
- AC8C00
≈ Yellow Brown
- 00A696
≈ Persian Green
- 7488E1
≈ Tanzine
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.44:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.08:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--preppy-rose: #d16988;
--preppy-rose-rgb: 209 105 136;
--preppy-rose-oklch: oklch(0.651 0.135 2.6);
}
.element {
color: var(--preppy-rose);
background-color: hsl(342 53% 62%);
border-color: oklch(0.651 0.135 2.6);
}Tailwind CSS v4
@theme {
--color-preppy-rose: #d16988;
--color-preppy-rose-50: #ffe6f0;
--color-preppy-rose-100: #ffd6e2;
--color-preppy-rose-200: #ffbdcd;
--color-preppy-rose-300: #f29aaf;
--color-preppy-rose-400: #df7a97;
--color-preppy-rose-500: #cc5a7e;
--color-preppy-rose-600: #ac4d6b;
--color-preppy-rose-700: #8a3d55;
--color-preppy-rose-800: #672c40;
--color-preppy-rose-900: #481e2c;
--color-preppy-rose-950: #2f0d19;
}SCSS
$preppy-rose: #d16988;
$preppy-rose-rgb: 209, 105, 136;
$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);
}