#C273CC#C273CC
#C273CC لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.281؛ OKLCH L 67.3% C 0.152 H 322.9°. أفضل لون لنص المتن هو #000000 بتباين 6.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C273CC |
|---|---|
| RGB | rgb(194, 115, 204) |
| HSL | hsl(293, 47%, 63%) |
| HSV | hsv(293, 44%, 80%) |
| CMYK | cmyk(4.9%, 43.6%, 0%, 20%) |
| CIE-LAB | lab(59.97, 44.96, -33.41) |
| CIE-LCH | lch(59.97, 56.01, 323.38°) |
| OKLab | oklab(67.33% 0.1214 -0.0918) |
| OKLCH | oklch(67.33% 0.152 322.9) |
| XYZ | xyz(39.2768, 28.0920, 60.4684) |
| Luminance | 0.2809 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Orchid (survey)
#C875C4
ΔE00 2.64
Orchid
#DA70D6
ΔE00 4.19
Wisteria
#A87DC2
ΔE00 6.06
Soft Purple
#A66FB5
ΔE00 6.07
Lavender Pink
#DD85D7
ΔE00 6.69
Light Purple
#BF77F6
ΔE00 7.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C273CC #7DCC73
analogous
#9573CC #C273CC #CC73AA
triadic
#C273CC #CCC273 #73CCC2
tetradic
#C273CC #CC9573 #7DCC73 #73AACC
square
#C273CC #CC9573 #7DCC73 #73AACC
split-complementary
#C273CC #AACC73 #73CC95
monochromatic
#863490 #AE46BC #C273CC #D6A0DC #E9CDED
إمكانية الوصول والتباين
On white
3.17
#C273CC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.62
#C273CC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #C273CC
6.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C273CC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C273CC | 1.00 | 3.17 | 6.62 | 6.62 |
| #FFFFFF | 3.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#688BCF
Deuteranopia (green-blind)
#7E94C9
Tritanopia (blue-blind)
#C57D96
Achromatopsia (no color)
#909090
وسوم التصميم والكود
CSS
--color: #c273cc; /* rgb */ color: rgb(194, 115, 204); /* oklch */ color: oklch(67.3% 0.152 322.9);
Tailwind
colors: {
custom: {
50: '#d69ddc',
500: '#c273cc',
950: '#000000',
},
}SCSS
$custom: #c273cc; $custom-light: #d69ddc; $custom-dark: #000000;
JSON
{
"hex": "#c273cc",
"rgb": {
"r": 194,
"g": 115,
"b": 204
},
"hsl": {
"h": 293.258,
"s": 46.597,
"l": 62.549
},
"oklch": {
"l": 0.6733,
"c": 0.15223,
"h": 322.9
},
"luminance": 0.2809
}Semantic roles & 50–950 ramp
primary
#C273CC
secondary
#C1DEBD
accent
#BA2C3C
background
#FDF9FD
surface
#FAF2FB
border
#D3CCD4
text
#140E15
muted
#837E83