#C0BACC#C0BACC
#C0BACC لون فاتح وخافت من عائلة بنفسجي. الإضاءة النسبية 0.507؛ OKLCH L 79.9% C 0.026 H 301.0°. أفضل لون لنص المتن هو #000000 بتباين 11.14:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C0BACC |
|---|---|
| RGB | rgb(192, 186, 204) |
| HSL | hsl(260, 15%, 76%) |
| HSV | hsv(260, 9%, 80%) |
| CMYK | cmyk(5.9%, 8.8%, 0%, 20%) |
| CIE-LAB | lab(76.49, 5.50, -8.29) |
| CIE-LCH | lch(76.49, 9.95, 303.54°) |
| OKLab | oklab(79.94% 0.0133 -0.0222) |
| OKLCH | oklch(79.94% 0.026 301) |
| XYZ | xyz(50.1942, 50.6839, 64.2537) |
| Luminance | 0.5068 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Thistle
#D8BFD8
ΔE00 7.53
Dove Gray
#B6B8BD
ΔE00 7.63
Silver
#C0C0C0
ΔE00 9.30
Lavender (CSS)
#E6E6FA
ΔE00 10.52
Light Blue Grey
#B7C9E2
ΔE00 10.71
Dark Gray
#A9A9A9
ΔE00 10.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C0BACC #C6CCBA
analogous
#BABDCC #C0BACC #C9BACC
triadic
#C0BACC #CCC0BA #BACCC0
tetradic
#C0BACC #CCBABD #C6CCBA #BACCC9
square
#C0BACC #CCBABD #C6CCBA #BACCC9
split-complementary
#C0BACC #CCC9BA #BDCCBA
monochromatic
#807498 #A097B2 #C0BACC #E0DDE6 #EFEDF2
إمكانية الوصول والتباين
On white
1.89
#C0BACC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.14
#C0BACC on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C0BACC
11.14:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C0BACC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C0BACC | 1.00 | 1.89 | 11.14 | 11.14 |
| #FFFFFF | 1.89 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.14 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.14 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B7BDCD
Deuteranopia (green-blind)
#B8BDCB
Tritanopia (blue-blind)
#BEBCC0
Achromatopsia (no color)
#BDBDBD
وسوم التصميم والكود
CSS
--color: #c0bacc; /* rgb */ color: rgb(192, 186, 204); /* oklch */ color: oklch(79.9% 0.026 301.0);
Tailwind
colors: {
custom: {
50: '#d3cedb',
500: '#c0bacc',
950: '#000000',
},
}SCSS
$custom: #c0bacc; $custom-light: #d3cedb; $custom-dark: #000000;
JSON
{
"hex": "#c0bacc",
"rgb": {
"r": 192,
"g": 186,
"b": 204
},
"hsl": {
"h": 260,
"s": 15,
"l": 76.471
},
"oklch": {
"l": 0.79936,
"c": 0.02589,
"h": 301
},
"luminance": 0.50684
}Semantic roles & 50–950 ramp
primary
#C0BACC
secondary
#99A08A
accent
#994C80
background
#FEFEFE
surface
#FBFBFB
border
#D4D4D4
text
#141315
muted
#838384