Adlandırılmış renk · #DB1459
Rubylicious
Rubylicious, #DB1459: rgb(219 20 89), hsl(339 83% 47%), oklch(0.575 0.222 10.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rubylicious color name →
#DB1459
oklch(0.575 0.222 10.4)
Renk dönüşümleri
- HEX
- #db1459
- RGB
- rgb(219 20 89)
- HSL
- hsl(339 83% 47%)
- HWB
- hwb(339 8% 14%)
- OKLCH
- oklch(0.575 0.222 10.4)
- OKLab
- oklab(0.575 0.219 0.04)
- CIE Lab
- lab(48.09 72.01 17.91)
- LCH
- lch(48.09 74.2 14)
- CMYK
- cmyk(0% 91% 59% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E23F68
- E95A78
- EE7188
- F38798
- F89BA9
- FBB0BA
- FDC4CB
- FFD7DC
- FFEBED
Koyu tonlar
- BE104C
- A20C40
- 870834
- 6D0528
- 54031D
- 3C0113
- 260109
- 110003
- 020000
Gri tonlar
- D42F5D
- CC3F61
- C44B65
- BC5569
- B45E6D
- AB6671
- A16D74
- 977478
- 8C7A7C
Renk uyumları
Tamamlayıcı +180°
- DB1459
Rubylicious
- 008B86
≈ Greenish Blue
Analog -30° +30°
- DB1459
Rubylicious
- C729A0
≈ Indian Lake
- CB4700
≈ Ōkaihau Express
Üçlü +120° +240°
- DB1459
Rubylicious
- 588A00
≈ Pesto Alla Genovese
- 007BD5
≈ Blue-Eyed Boy
Bölünmüş tamamlayıcı +150° +210°
- DB1459
Rubylicious
- 008F5E
≈ Emerald Lake
- 0086A4
≈ Caribbean Sea
Dörtlü +90° +180° +270°
- DB1459
Rubylicious
- 897A00
≈ Soft Fig
- 008B86
≈ Greenish Blue
- 685BF6
≈ Blue Genie
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.93:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.25:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--rubylicious: #db1459;
--rubylicious-rgb: 219 20 89;
--rubylicious-oklch: oklch(0.575 0.222 10.4);
}
.element {
color: var(--rubylicious);
background-color: hsl(339 83% 47%);
border-color: oklch(0.575 0.222 10.4);
}Tailwind CSS v4
@theme {
--color-rubylicious: #db1459;
--color-rubylicious-50: #ffdbe4;
--color-rubylicious-100: #ffc9d4;
--color-rubylicious-200: #ffabba;
--color-rubylicious-300: #ff8198;
--color-rubylicious-400: #ff567f;
--color-rubylicious-500: #f40c63;
--color-rubylicious-600: #ce1554;
--color-rubylicious-700: #a61243;
--color-rubylicious-800: #7c0a33;
--color-rubylicious-900: #580723;
--color-rubylicious-950: #3b0012;
}SCSS
$rubylicious: #db1459;
$rubylicious-rgb: 219, 20, 89;
$rubylicious-light: mix(#fff, $rubylicious, 20%);
$rubylicious-dark: mix(#000, $rubylicious, 20%);
.element {
color: $rubylicious;
box-shadow: 0 0 0 2px rgba($rubylicious, 0.35);
}