#C784AC#C784AC
#C784AC لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.316؛ OKLCH L 69.4% C 0.097 H 343.3°. أفضل لون لنص المتن هو #000000 بتباين 7.32:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C784AC |
|---|---|
| RGB | rgb(199, 132, 172) |
| HSL | hsl(324, 37%, 65%) |
| HSV | hsv(324, 34%, 78%) |
| CMYK | cmyk(0%, 33.7%, 13.6%, 22%) |
| CIE-LAB | lab(63.03, 31.69, -10.54) |
| CIE-LCH | lch(63.03, 33.39, 341.60°) |
| OKLab | oklab(69.37% 0.093 -0.0278) |
| OKLCH | oklch(69.37% 0.097 343.3) |
| XYZ | xyz(39.2509, 31.6252, 43.0585) |
| Luminance | 0.3162 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dusty Lavender
#AC86A8
ΔE00 6.30
Dull Pink
#D5869D
ΔE00 6.63
Light Mauve
#C292A1
ΔE00 7.77
Pale Magenta
#D767AD
ΔE00 7.94
Muted Pink
#D1768F
ΔE00 8.19
Palevioletred
#DB7093
ΔE00 8.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C784AC #84C79F
analogous
#C084C7 #C784AC #C7848B
triadic
#C784AC #ACC784 #84ACC7
tetradic
#C784AC #C7C084 #84C79F #848BC7
square
#C784AC #C7C084 #84C79F #848BC7
split-complementary
#C784AC #8BC784 #84C7C0
monochromatic
#8F4170 #B45A90 #C784AC #DAAEC8 #EDD8E5
إمكانية الوصول والتباين
On white
2.87
#C784AC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.32
#C784AC on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C784AC
7.32:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C784AC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C784AC | 1.00 | 2.87 | 7.32 | 7.32 |
| #FFFFFF | 2.87 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.32 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.32 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8892AE
Deuteranopia (green-blind)
#989CAA
Tritanopia (blue-blind)
#CF8492
Achromatopsia (no color)
#989898
وسوم التصميم والكود
CSS
--color: #c784ac; /* rgb */ color: rgb(199, 132, 172); /* oklch */ color: oklch(69.4% 0.097 343.3);
Tailwind
colors: {
custom: {
50: '#d9a8c4',
500: '#c784ac',
950: '#000000',
},
}SCSS
$custom: #c784ac; $custom-light: #d9a8c4; $custom-dark: #000000;
JSON
{
"hex": "#c784ac",
"rgb": {
"r": 199,
"g": 132,
"b": 172
},
"hsl": {
"h": 324.179,
"s": 37.43,
"l": 64.902
},
"oklch": {
"l": 0.69373,
"c": 0.09704,
"h": 343.3
},
"luminance": 0.31623
}Semantic roles & 50–950 ramp
primary
#C784AC
secondary
#C8DFD1
accent
#B06735
background
#FDFAFC
surface
#FBF4F8
border
#D4CED1
text
#151012
muted
#837F81