#CFBDE3#CFBDE3
#CFBDE3 لون فاتح جداً وخافت من عائلة بنفسجي. الإضاءة النسبية 0.552؛ OKLCH L 82.5% C 0.056 H 306.6°. أفضل لون لنص المتن هو #000000 بتباين 12.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CFBDE3 |
|---|---|
| RGB | rgb(207, 189, 227) |
| HSL | hsl(268, 40%, 82%) |
| HSV | hsv(268, 17%, 89%) |
| CMYK | cmyk(8.8%, 16.7%, 0%, 11%) |
| CIE-LAB | lab(79.16, 13.42, -16.60) |
| CIE-LCH | lch(79.16, 21.35, 308.94°) |
| OKLab | oklab(82.55% 0.0333 -0.0448) |
| OKLCH | oklch(82.55% 0.056 306.6) |
| XYZ | xyz(57.7924, 55.2068, 80.2695) |
| Luminance | 0.5521 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Thistle
#D8BFD8
ΔE00 4.87
Pale Lilac
#E4CBFF
ΔE00 5.44
Light Lavender
#DFC5FE
ΔE00 5.53
Pale Lavender
#EECFFE
ΔE00 6.33
Light Lilac
#EDC8FF
ΔE00 6.79
Very Light Purple
#F6CEFC
ΔE00 7.70
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CFBDE3 #D1E3BD
analogous
#BDBEE3 #CFBDE3 #E2BDE3
triadic
#CFBDE3 #E3CFBD #BDE3CF
tetradic
#CFBDE3 #E3BDBE #D1E3BD #BDE3E2
square
#CFBDE3 #E3BDBE #D1E3BD #BDE3E2
split-complementary
#CFBDE3 #E3E2BD #BEE3BD
monochromatic
#9067BF #B092D1 #CFBDE3 #EEE8F5 #EFEAF6
إمكانية الوصول والتباين
On white
1.74
#CFBDE3 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.04
#CFBDE3 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CFBDE3
12.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CFBDE3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CFBDE3 | 1.00 | 1.74 | 12.04 | 12.04 |
| #FFFFFF | 1.74 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.04 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.04 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B7C3E5
Deuteranopia (green-blind)
#BAC4E2
Tritanopia (blue-blind)
#CCC2CA
Achromatopsia (no color)
#C4C4C4
وسوم التصميم والكود
CSS
--color: #cfbde3; /* rgb */ color: rgb(207, 189, 227); /* oklch */ color: oklch(82.5% 0.056 306.6);
Tailwind
colors: {
custom: {
50: '#ddd0eb',
500: '#cfbde3',
950: '#000000',
},
}SCSS
$custom: #cfbde3; $custom-light: #ddd0eb; $custom-dark: #000000;
JSON
{
"hex": "#cfbde3",
"rgb": {
"r": 207,
"g": 189,
"b": 227
},
"hsl": {
"h": 268.421,
"s": 40.426,
"l": 81.569
},
"oklch": {
"l": 0.82545,
"c": 0.05585,
"h": 306.6
},
"luminance": 0.55207
}Semantic roles & 50–950 ramp
primary
#CFBDE3
secondary
#A3BC88
accent
#B33276
background
#FEFEFE
surface
#FCFBFD
border
#D5D4D5
text
#151416
muted
#848384