En yakın adlandırılmış renk · #DC2959
#DC2959
En yakın adlandırılmış renk: Radiant Raspberry
#DC2959 (rgb(220 41 89), hsl(344 72% 51%), oklch(0.587 0.211 12.4)) en çok Radiant Raspberry 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.
#DC2959
oklch(0.587 0.211 12.4)
Renk dönüşümleri
- HEX
- #dc2959
- RGB
- rgb(220 41 89)
- HSL
- hsl(344 72% 51%)
- HWB
- hwb(344 16% 14%)
- OKLCH
- oklch(0.587 0.211 12.4)
- OKLab
- oklab(0.587 0.206 0.045)
- CIE Lab
- lab(49.64 68.53 19.99)
- LCH
- lch(49.64 71.39 16.3)
- CMYK
- cmyk(0% 81% 60% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E34969
- E96178
- EE7788
- F38B99
- F79FA9
- FBB2BA
- FDC6CB
- FFD9DC
- FFECED
Koyu tonlar
- BF224C
- A31C40
- 881534
- 6E0F28
- 54091D
- 3C0513
- 260209
- 110103
- 020000
Gri tonlar
- D43A5D
- CD4761
- C55165
- BC5A69
- B4626D
- AB6971
- A16F75
- 977578
- 8C7B7C
Renk uyumları
Tamamlayıcı +180°
- DC2959
Radiant Raspberry
- 008F8C
≈ Corfu Shallows
Analog -30° +30°
- DC2959
Radiant Raspberry
- C9359E
≈ Royal Fuchsia
- CD4E00
≈ Hot Bolognese
Üçlü +120° +240°
- DC2959
Radiant Raspberry
- 548F00
≈ Pistachio Flour
- 007DE1
≈ Soothing Sapphire
Bölünmüş tamamlayıcı +150° +210°
- DC2959
Radiant Raspberry
- 009365
≈ Emerald Lake
- 008AAB
≈ Corfu Waters
Dörtlü +90° +180° +270°
- DC2959
Radiant Raspberry
- 8B7E00
≈ Moscow Papyrus
- 008F8C
≈ Corfu Shallows
- 7060F3
≈ Blue Hepatica
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.66:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 31
En iyi metin rengi: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--radiant-raspberry: #dc2959;
--radiant-raspberry-rgb: 220 41 89;
--radiant-raspberry-oklch: oklch(0.587 0.211 12.4);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(344 72% 51%);
border-color: oklch(0.587 0.211 12.4);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #dc2959;
--color-radiant-raspberry-50: #ffdde2;
--color-radiant-raspberry-100: #ffcbd2;
--color-radiant-raspberry-200: #ffadb8;
--color-radiant-raspberry-300: #ff8595;
--color-radiant-raspberry-400: #ff5b7c;
--color-radiant-raspberry-500: #f0235f;
--color-radiant-raspberry-600: #cb2251;
--color-radiant-raspberry-700: #a31c40;
--color-radiant-raspberry-800: #7a1231;
--color-radiant-raspberry-900: #560c21;
--color-radiant-raspberry-950: #390010;
}SCSS
$radiant-raspberry: #dc2959;
$radiant-raspberry-rgb: 220, 41, 89;
$radiant-raspberry-light: mix(#fff, $radiant-raspberry, 20%);
$radiant-raspberry-dark: mix(#000, $radiant-raspberry, 20%);
.element {
color: $radiant-raspberry;
box-shadow: 0 0 0 2px rgba($radiant-raspberry, 0.35);
}