Adlandırılmış renk · #DD94A1
Rose Marquis
Rose Marquis, #DD94A1: rgb(221 148 161), hsl(349 52% 72%), oklch(0.743 0.089 7.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rose Marquis color name →
#DD94A1
oklch(0.743 0.089 7.8)
Renk dönüşümleri
- HEX
- #dd94a1
- RGB
- rgb(221 148 161)
- HSL
- hsl(349 52% 72%)
- HWB
- hwb(349 58% 13%)
- OKLCH
- oklch(0.743 0.089 7.8)
- OKLab
- oklab(0.743 0.089 0.012)
- CIE Lab
- lab(69.1 29.56 5.04)
- LCH
- lch(69.1 29.99 9.7)
- CMYK
- cmyk(0% 33% 27% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E19FAA
- E5A9B3
- E9B4BC
- EDBEC6
- F0C9CF
- F3D4D8
- F7DFE2
- FAE9EC
- FCF4F5
Koyu tonlar
- C0808B
- A46D76
- 885A62
- 6E484E
- 55363C
- 3D262A
- 261619
- 110809
- 020101
Gri tonlar
- D4929E
- CB909A
- C18F97
- B88D94
- AF8B90
- A6898D
- 9C878A
- 938487
- 8A8283
Renk uyumları
Tamamlayıcı +180°
- DD94A1
Rose Marquis
- 62BEB6
≈ Pool Blue
Analog -30° +30°
- DD94A1
Rose Marquis
- D196C0
≈ Soft Fuchsia
- DD9883
≈ Industrial Rose
Üçlü +120° +240°
- DD94A1
Rose Marquis
- 9BB779
≈ Florence
- 7EB1E2
≈ Lucea
Bölünmüş tamamlayıcı +150° +210°
- DD94A1
Rose Marquis
- 7ABD96
≈ Oilcloth Green
- 64BAD1
≈ Revelry Blue
Dörtlü +90° +180° +270°
- DD94A1
Rose Marquis
- BBAC69
≈ Swampwater
- 62BEB6
≈ Pool Blue
- 9EA6E4
≈ Dalmatian Sage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.37:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.82:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--rose-marquis: #dd94a1;
--rose-marquis-rgb: 221 148 161;
--rose-marquis-oklch: oklch(0.743 0.089 7.8);
}
.element {
color: var(--rose-marquis);
background-color: hsl(349 52% 72%);
border-color: oklch(0.743 0.089 7.8);
}Tailwind CSS v4
@theme {
--color-rose-marquis: #dd94a1;
--color-rose-marquis-50: #ffebef;
--color-rose-marquis-100: #ffdce1;
--color-rose-marquis-200: #f8c5cc;
--color-rose-marquis-300: #e1a5ad;
--color-rose-marquis-400: #cd8894;
--color-rose-marquis-500: #b86c7b;
--color-rose-marquis-600: #9c5c68;
--color-rose-marquis-700: #7d4953;
--color-rose-marquis-800: #5c353e;
--color-rose-marquis-900: #41242a;
--color-rose-marquis-950: #291318;
}SCSS
$rose-marquis: #dd94a1;
$rose-marquis-rgb: 221, 148, 161;
$rose-marquis-light: mix(#fff, $rose-marquis, 20%);
$rose-marquis-dark: mix(#000, $rose-marquis, 20%);
.element {
color: $rose-marquis;
box-shadow: 0 0 0 2px rgba($rose-marquis, 0.35);
}