#CF95C0#CF95C0
#CF95C0 لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.386؛ OKLCH L 73.9% C 0.090 H 336.2°. أفضل لون لنص المتن هو #000000 بتباين 8.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CF95C0 |
|---|---|
| RGB | rgb(207, 149, 192) |
| HSL | hsl(316, 38%, 70%) |
| HSV | hsv(316, 28%, 81%) |
| CMYK | cmyk(0%, 28%, 7.2%, 18.8%) |
| CIE-LAB | lab(68.44, 28.59, -13.58) |
| CIE-LCH | lch(68.44, 31.65, 334.59°) |
| OKLab | oklab(73.91% 0.082 -0.0362) |
| OKLCH | oklch(73.91% 0.09 336.2) |
| XYZ | xyz(45.9935, 38.5679, 54.8806) |
| Luminance | 0.3857 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Lilac
#C8A2C8
ΔE00 4.72
Plum
#DDA0DD
ΔE00 5.73
Dusty Lavender
#AC86A8
ΔE00 7.75
Lavender Pink
#DD85D7
ΔE00 7.95
Light Mauve
#C292A1
ΔE00 8.52
Dull Pink
#D5869D
ΔE00 9.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CF95C0 #95CFA4
analogous
#C195CF #CF95C0 #CF95A3
triadic
#CF95C0 #C0CF95 #95C0CF
tetradic
#CF95C0 #CFC195 #95CFA4 #95A3CF
square
#CF95C0 #CFC195 #95CFA4 #95A3CF
split-complementary
#CF95C0 #A3CF95 #95CFC1
monochromatic
#A1498A #BC6BA7 #CF95C0 #E2BFD9 #F5E9F2
إمكانية الوصول والتباين
On white
2.41
#CF95C0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.71
#CF95C0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CF95C0
8.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CF95C0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CF95C0 | 1.00 | 2.41 | 8.71 | 8.71 |
| #FFFFFF | 2.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.71 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#96A2C2
Deuteranopia (green-blind)
#A3AABE
Tritanopia (blue-blind)
#D597A4
Achromatopsia (no color)
#A7A7A7
وسوم التصميم والكود
CSS
--color: #cf95c0; /* rgb */ color: rgb(207, 149, 192); /* oklch */ color: oklch(73.9% 0.090 336.2);
Tailwind
colors: {
custom: {
50: '#deb4d3',
500: '#cf95c0',
950: '#000000',
},
}SCSS
$custom: #cf95c0; $custom-light: #deb4d3; $custom-dark: #000000;
JSON
{
"hex": "#cf95c0",
"rgb": {
"r": 207,
"g": 149,
"b": 192
},
"hsl": {
"h": 315.517,
"s": 37.662,
"l": 69.804
},
"oklch": {
"l": 0.73908,
"c": 0.08962,
"h": 336.2
},
"luminance": 0.38566
}Semantic roles & 50–950 ramp
primary
#CF95C0
secondary
#D8E8DC
accent
#B15535
background
#FDFBFC
surface
#FBF6F9
border
#D4D0D2
text
#151114
muted
#838082