#CC4BE7#CC4BE7
#CC4BE7 لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.236؛ OKLCH L 64.9% C 0.241 H 320.2°. أفضل لون لنص المتن هو #000000 بتباين 5.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CC4BE7 |
|---|---|
| RGB | rgb(204, 75, 231) |
| HSL | hsl(290, 76%, 60%) |
| HSV | hsv(290, 68%, 91%) |
| CMYK | cmyk(11.7%, 67.5%, 0%, 9.4%) |
| CIE-LAB | lab(55.73, 71.19, -55.25) |
| CIE-LCH | lch(55.73, 90.11, 322.19°) |
| OKLab | oklab(64.93% 0.1855 -0.1545) |
| OKLCH | oklch(64.93% 0.241 320.2) |
| XYZ | xyz(41.8400, 23.6411, 77.9451) |
| Luminance | 0.2364 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Heliotrope
#D94FF5
ΔE00 3.05
Pinkish Purple
#D648D7
ΔE00 3.40
Mediumorchid
#BA55D3
ΔE00 3.66
Purple Pink
#D725DE
ΔE00 4.24
Bright Lilac
#C95EFB
ΔE00 4.50
Bright Lavender
#C760FF
ΔE00 5.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CC4BE7 #66E74B
analogous
#7E4BE7 #CC4BE7 #E74BB4
triadic
#CC4BE7 #E7CC4B #4BE7CC
tetradic
#CC4BE7 #E77E4B #66E74B #4BB4E7
square
#CC4BE7 #E77E4B #66E74B #4BB4E7
split-complementary
#CC4BE7 #B4E74B #4BE77E
monochromatic
#8A16A2 #B81DD8 #CC4BE7 #DB81EE #EBB7F5
إمكانية الوصول والتباين
On white
3.67
#CC4BE7 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.73
#CC4BE7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #CC4BE7
5.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CC4BE7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CC4BE7 | 1.00 | 3.67 | 5.73 | 5.73 |
| #FFFFFF | 3.67 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.73 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#087DEC
Deuteranopia (green-blind)
#598AE3
Tritanopia (blue-blind)
#CD6794
Achromatopsia (no color)
#858585
وسوم التصميم والكود
CSS
--color: #cc4be7; /* rgb */ color: rgb(204, 75, 231); /* oklch */ color: oklch(64.9% 0.241 320.2);
Tailwind
colors: {
custom: {
50: '#df87ef',
500: '#cc4be7',
950: '#000000',
},
}SCSS
$custom: #cc4be7; $custom-light: #df87ef; $custom-dark: #000000;
JSON
{
"hex": "#cc4be7",
"rgb": {
"r": 204,
"g": 75,
"b": 231
},
"hsl": {
"h": 289.615,
"s": 76.471,
"l": 60
},
"oklch": {
"l": 0.64932,
"c": 0.24139,
"h": 320.2
},
"luminance": 0.23639
}Semantic roles & 50–950 ramp
primary
#CC4BE7
secondary
#B3E5A9
accent
#F33556
background
#FEF8FE
surface
#FCF0FD
border
#D5CBD5
text
#160C16
muted
#847D84