#CE7AA0#CE7AA0
#CE7AA0 لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.296؛ OKLCH L 68.1% C 0.114 H 351.9°. أفضل لون لنص المتن هو #000000 بتباين 6.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CE7AA0 |
|---|---|
| RGB | rgb(206, 122, 160) |
| HSL | hsl(333, 46%, 64%) |
| HSV | hsv(333, 41%, 81%) |
| CMYK | cmyk(0%, 40.8%, 22.3%, 19.2%) |
| CIE-LAB | lab(61.29, 37.63, -6.20) |
| CIE-LCH | lch(61.29, 38.13, 350.64°) |
| OKLab | oklab(68.11% 0.1128 -0.016) |
| OKLCH | oklch(68.11% 0.114 351.9) |
| XYZ | xyz(38.7591, 29.5816, 36.9193) |
| Luminance | 0.2958 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Palevioletred
#DB7093
ΔE00 4.65
Muted Pink
#D1768F
ΔE00 4.78
Dull Pink
#D5869D
ΔE00 5.01
Dusky Pink
#CC7A8B
ΔE00 6.39
Pale Magenta
#D767AD
ΔE00 6.63
Old Pink
#C77986
ΔE00 7.63
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CE7AA0 #7ACEA8
analogous
#CE7ACA #CE7AA0 #CE7E7A
triadic
#CE7AA0 #A0CE7A #7AA0CE
tetradic
#CE7AA0 #CACE7A #7ACEA8 #7E7ACE
square
#CE7AA0 #CACE7A #7ACEA8 #7E7ACE
split-complementary
#CE7AA0 #7ACE7E #7ACACE
monochromatic
#963762 #BE4D80 #CE7AA0 #DEA7C0 #EFD3E0
إمكانية الوصول والتباين
On white
3.04
#CE7AA0 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.92
#CE7AA0 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #CE7AA0
6.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CE7AA0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CE7AA0 | 1.00 | 3.04 | 6.92 | 6.92 |
| #FFFFFF | 3.04 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.92 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#838BA1
Deuteranopia (green-blind)
#98999E
Tritanopia (blue-blind)
#D97788
Achromatopsia (no color)
#949494
وسوم التصميم والكود
CSS
--color: #ce7aa0; /* rgb */ color: rgb(206, 122, 160); /* oklch */ color: oklch(68.1% 0.114 351.9);
Tailwind
colors: {
custom: {
50: '#dfa2bc',
500: '#ce7aa0',
950: '#000000',
},
}SCSS
$custom: #ce7aa0; $custom-light: #dfa2bc; $custom-dark: #000000;
JSON
{
"hex": "#ce7aa0",
"rgb": {
"r": 206,
"g": 122,
"b": 160
},
"hsl": {
"h": 332.857,
"s": 46.154,
"l": 64.314
},
"oklch": {
"l": 0.68108,
"c": 0.11391,
"h": 351.9
},
"luminance": 0.29579
}Semantic roles & 50–950 ramp
primary
#CE7AA0
secondary
#C3E0D3
accent
#B9792C
background
#FDFAFB
surface
#FBF4F6
border
#D4CED0
text
#150F12
muted
#837F81