#C0478E#C0478E
#C0478E لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.177؛ OKLCH L 58.4% C 0.172 H 347.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C0478E |
|---|---|
| RGB | rgb(192, 71, 142) |
| HSL | hsl(325, 49%, 52%) |
| HSV | hsv(325, 63%, 75%) |
| CMYK | cmyk(0%, 63%, 26%, 24.7%) |
| CIE-LAB | lab(49.09, 55.55, -14.16) |
| CIE-LCH | lch(49.09, 57.33, 345.70°) |
| OKLab | oklab(58.38% 0.168 -0.0373) |
| OKLCH | oklch(58.38% 0.172 347.5) |
| XYZ | xyz(28.8751, 17.6688, 27.4757) |
| Luminance | 0.1767 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mediumvioletred
#C71585
ΔE00 5.83
Light Plum
#9D5783
ΔE00 7.27
Purplish Pink
#CE5DAE
ΔE00 7.73
Magenta (survey)
#C20078
ΔE00 7.78
Darkish Pink
#DA467D
ΔE00 8.27
Purpleish
#98568D
ΔE00 8.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C0478E #47C079
analogous
#B547C0 #C0478E #C04752
triadic
#C0478E #8EC047 #478EC0
tetradic
#C0478E #C0B547 #47C079 #4752C0
square
#C0478E #C0B547 #47C079 #4752C0
split-complementary
#C0478E #52C047 #47C0B5
monochromatic
#69244C #96336D #C0478E #D075AA #DFA2C6
إمكانية الوصول والتباين
On white
4.63
#C0478E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.53
#C0478E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #C0478E
4.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C0478E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##C0478E | 1.00 | 4.63 | 4.53 | 4.63 |
| #FFFFFF | 4.63 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.53 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.63 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#556790
Deuteranopia (green-blind)
#787C8B
Tritanopia (blue-blind)
#CD4464
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #c0478e; /* rgb */ color: rgb(192, 71, 142); /* oklch */ color: oklch(58.4% 0.172 347.5);
Tailwind
colors: {
custom: {
50: '#d781af',
500: '#c0478e',
950: '#000000',
},
}SCSS
$custom: #c0478e; $custom-light: #d781af; $custom-dark: #000000;
JSON
{
"hex": "#c0478e",
"rgb": {
"r": 192,
"g": 71,
"b": 142
},
"hsl": {
"h": 324.793,
"s": 48.988,
"l": 51.569
},
"oklch": {
"l": 0.58376,
"c": 0.17211,
"h": 347.5
},
"luminance": 0.17666
}Semantic roles & 50–950 ramp
primary
#C0478E
secondary
#97CCAD
accent
#D9884F
background
#FDF8FA
surface
#FBEFF4
border
#D4CACE
text
#150B10
muted
#837C7F