En yakın adlandırılmış renk · #D56D91
#D56D91
En yakın adlandırılmış renk: Preppy Rose
#D56D91 (rgb(213 109 145), hsl(339 55% 63%), oklch(0.665 0.136 359.5)) en çok Preppy Rose adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D56D91
oklch(0.665 0.136 359.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DB7C9B
- E08BA6
- E599B1
- EAA8BC
- EEB6C7
- F2C5D2
- F6D3DD
- F9E2E8
- FCF0F4
Koyu tonlar
- B95E7D
- 9E4F6A
- 834158
- 6A3346
- 512635
- 3A1925
- 240D15
- 100407
- 020101
Gri tonlar
- CD708F
- C5728E
- BD758C
- B5778A
- AD7988
- A47B87
- 9C7C85
- 937E83
- 8A7F82
Renk uyumları
Tamamlayıcı +180°
- D56D91
Preppy Rose
- 00AB96
≈ Shindig
Analog -30° +30°
- D56D91
Preppy Rose
- C173BC
≈ Gulābī Pink
- DA7061
≈ Mettwurst
Üçlü +120° +240°
- D56D91
Preppy Rose
- 8A9F31
≈ Vigorous Wasabi
- 2D9DDE
≈ Homeworld
Bölünmüş tamamlayıcı +150° +210°
- D56D91
Preppy Rose
- 4DAA65
≈ Deep Mint
- 00A6BA
≈ Jamaican Sea
Dörtlü +90° +180° +270°
- D56D91
Preppy Rose
- B58E01
≈ Cobra Leather
- 00AB96
≈ Shindig
- 738EE7
≈ Guilliman Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.26:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.42:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
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);
}