#DC258C#DC258C
#DC258C لون متوسط وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.184؛ OKLCH L 59.9% C 0.228 H 352.8°. أفضل لون لنص المتن هو #000000 بتباين 4.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DC258C |
|---|---|
| RGB | rgb(220, 37, 140) |
| HSL | hsl(326, 72%, 50%) |
| HSV | hsv(326, 83%, 86%) |
| CMYK | cmyk(0%, 83.2%, 36.4%, 13.7%) |
| CIE-LAB | lab(50.02, 73.51, -11.08) |
| CIE-LCH | lch(50.02, 74.34, 351.43°) |
| OKLab | oklab(59.94% 0.2262 -0.0285) |
| OKLCH | oklch(59.94% 0.228 352.8) |
| XYZ | xyz(34.9127, 18.4367, 26.5260) |
| Luminance | 0.1843 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mediumvioletred
#C71585
ΔE00 5.45
Neon Pink
#FE019A
ΔE00 6.09
Shocking Pink
#FE02A2
ΔE00 6.42
Electric Pink
#FF0490
ΔE00 6.50
Darkish Pink
#DA467D
ΔE00 6.52
Hot Pink (survey)
#FF028D
ΔE00 6.65
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DC258C #25DC75
analogous
#D125DC #DC258C #DC2530
triadic
#DC258C #8CDC25 #258CDC
tetradic
#DC258C #DCD125 #25DC75 #2530DC
square
#DC258C #DCD125 #25DC75 #2530DC
split-complementary
#DC258C #30DC25 #25DCD1
monochromatic
#741349 #A91B6B #DC258C #E45AA8 #ED8EC4
إمكانية الوصول والتباين
On white
4.48
#DC258C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.69
#DC258C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DC258C
4.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DC258C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DC258C | 1.00 | 4.48 | 4.69 | 4.69 |
| #FFFFFF | 4.48 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.69 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4D628E
Deuteranopia (green-blind)
#818388
Tritanopia (blue-blind)
#ED0057
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #dc258c; /* rgb */ color: rgb(220, 37, 140); /* oklch */ color: oklch(59.9% 0.228 352.8);
Tailwind
colors: {
custom: {
50: '#ed77ad',
500: '#dc258c',
950: '#000000',
},
}SCSS
$custom: #dc258c; $custom-light: #ed77ad; $custom-dark: #000000;
JSON
{
"hex": "#dc258c",
"rgb": {
"r": 220,
"g": 37,
"b": 140
},
"hsl": {
"h": 326.23,
"s": 72.332,
"l": 50.392
},
"oklch": {
"l": 0.59937,
"c": 0.22796,
"h": 352.8
},
"luminance": 0.18432
}Semantic roles & 50–950 ramp
primary
#DC258C
secondary
#86D7A9
accent
#EF8839
background
#FFF7FA
surface
#FFEEF4
border
#D7C9CE
text
#170A10
muted
#857C7F