أقرب لون مسمّى · #DF2D5B
#DF2D5B
أقرب لون مسمّى: Radiant Raspberry
#DF2D5B (rgb(223 45 91)، hsl(344 74% 53%)، oklch(0.595 0.211 12.5)) أقرب إلى اللون المسمّى Radiant Raspberry. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DF2D5B
oklch(0.595 0.211 12.5)
تحويلات الألوان
- HEX
- #df2d5b
- RGB
- rgb(223 45 91)
- HSL
- hsl(344 74% 53%)
- HWB
- hwb(344 18% 13%)
- OKLCH
- oklch(0.595 0.211 12.5)
- OKLab
- oklab(0.595 0.206 0.046)
- CIE Lab
- lab(50.61 68.48 20.17)
- LCH
- lch(50.61 71.39 16.4)
- CMYK
- cmyk(0% 80% 59% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E54B6A
- EB637A
- F1798A
- F58D9A
- F9A0AA
- FCB4BB
- FEC7CB
- FFD9DC
- FFECEE
درجات داكنة
- C2264E
- A51F41
- 8A1835
- 6F1129
- 560B1E
- 3D0613
- 270209
- 120103
- 020000
درجات رمادية
- D73D5F
- CF4963
- C75366
- BE5C6A
- B5636E
- AC6A72
- A27075
- 977679
- 8C7B7C
تناسق الألوان
متمم +180°
- DF2D5B
Radiant Raspberry
- 00918F
≈ Common Teal
متجاور -30° +30°
- DF2D5B
Radiant Raspberry
- CC38A0
≈ Lustful Wishes
- D14F00
≈ Hot Bolognese
ثلاثي +120° +240°
- DF2D5B
Radiant Raspberry
- 569200
≈ Vida Loca
- 007FE6
≈ Blue Cola
متمم منقسم +150° +210°
- DF2D5B
Radiant Raspberry
- 009667
≈ Green Cyan
- 008CAE
≈ Algiers Blue
رباعي +90° +180° +270°
- DF2D5B
Radiant Raspberry
- 8D8100
≈ Fickle Pickle
- 00918F
≈ Common Teal
- 7263F6
≈ If I Could Fly
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.50:1 · APCA Lc 70
Ag
AAعلى الأسود
WCAG 4.66:1 · APCA Lc 32
أفضل لون للنص: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--radiant-raspberry: #df2d5b;
--radiant-raspberry-rgb: 223 45 91;
--radiant-raspberry-oklch: oklch(0.595 0.211 12.5);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(344 74% 53%);
border-color: oklch(0.595 0.211 12.5);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #df2d5b;
--color-radiant-raspberry-50: #ffdde2;
--color-radiant-raspberry-100: #ffcbd2;
--color-radiant-raspberry-200: #ffadb8;
--color-radiant-raspberry-300: #ff8595;
--color-radiant-raspberry-400: #ff5c7b;
--color-radiant-raspberry-500: #f0235e;
--color-radiant-raspberry-600: #cb2250;
--color-radiant-raspberry-700: #a31c40;
--color-radiant-raspberry-800: #7a1231;
--color-radiant-raspberry-900: #560c21;
--color-radiant-raspberry-950: #390010;
}SCSS
$radiant-raspberry: #df2d5b;
$radiant-raspberry-rgb: 223, 45, 91;
$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);
}