#D03082#D03082
#D03082 لون متوسط وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.171؛ OKLCH L 58.3% C 0.206 H 354.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D03082 |
|---|---|
| RGB | rgb(208, 48, 130) |
| HSL | hsl(329, 63%, 50%) |
| HSV | hsv(329, 77%, 82%) |
| CMYK | cmyk(0%, 76.9%, 37.5%, 18.4%) |
| CIE-LAB | lab(48.44, 66.81, -7.64) |
| CIE-LCH | lch(48.44, 67.24, 353.47°) |
| OKLab | oklab(58.27% 0.2053 -0.0193) |
| OKLCH | oklch(58.27% 0.206 354.6) |
| XYZ | xyz(31.1007, 17.1394, 22.7852) |
| Luminance | 0.1714 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mediumvioletred
#C71585
ΔE00 4.65
Magenta (survey)
#C20078
ΔE00 5.85
Darkish Pink
#DA467D
ΔE00 6.02
Dark Hot Pink
#D90166
ΔE00 6.62
Dark Pink
#CB416B
ΔE00 7.00
Deep Pink
#CB0162
ΔE00 7.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D03082 #30D07E
analogous
#CE30D0 #D03082 #D03032
triadic
#D03082 #82D030 #3082D0
tetradic
#D03082 #D0CE30 #30D07E #3032D0
square
#D03082 #D0CE30 #30D07E #3032D0
split-complementary
#D03082 #32D030 #30D0CE
monochromatic
#6D1944 #9F2463 #D03082 #DB62A0 #E794BE
إمكانية الوصول والتباين
On white
4.74
#D03082 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.43
#D03082 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #D03082
4.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D03082 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##D03082 | 1.00 | 4.74 | 4.43 | 4.74 |
| #FFFFFF | 4.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.74 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#516084
Deuteranopia (green-blind)
#7D7E7E
Tritanopia (blue-blind)
#E11B55
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #d03082; /* rgb */ color: rgb(208, 48, 130); /* oklch */ color: oklch(58.3% 0.206 354.6);
Tailwind
colors: {
custom: {
50: '#e478a6',
500: '#d03082',
950: '#000000',
},
}SCSS
$custom: #d03082; $custom-light: #e478a6; $custom-dark: #000000;
JSON
{
"hex": "#d03082",
"rgb": {
"r": 208,
"g": 48,
"b": 130
},
"hsl": {
"h": 329.25,
"s": 62.992,
"l": 50.196
},
"oklch": {
"l": 0.5827,
"c": 0.2062,
"h": 354.6
},
"luminance": 0.17136
}Semantic roles & 50–950 ramp
primary
#D03082
secondary
#8AD2AD
accent
#E69242
background
#FEF7FA
surface
#FDEEF4
border
#D5C9CE
text
#170A0F
muted
#857C7F