#714CEE#714CEE
#714CEE لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.149؛ OKLCH L 55.3% C 0.229 H 286.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.29:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #714CEE |
|---|---|
| RGB | rgb(113, 76, 238) |
| HSL | hsl(254, 83%, 62%) |
| HSV | hsv(254, 68%, 93%) |
| CMYK | cmyk(52.5%, 68.1%, 0%, 6.7%) |
| CIE-LAB | lab(45.43, 54.81, -76.37) |
| CIE-LCH | lch(45.43, 94.00, 305.67°) |
| OKLab | oklab(55.34% 0.0662 -0.2194) |
| OKLCH | oklch(55.34% 0.229 286.8) |
| XYZ | xyz(24.8225, 14.8514, 82.4310) |
| Luminance | 0.1485 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Purpleish Blue
#6140EF
ΔE00 3.58
Bluish Purple
#703BE7
ΔE00 3.99
Purpley
#8756E4
ΔE00 4.62
Light Indigo
#6D5ACF
ΔE00 5.27
Slate Blue
#6A5ACD
ΔE00 5.60
Purpley Blue
#5F34E7
ΔE00 6.13
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#714CEE #C9EE4C
analogous
#4C78EE #714CEE #C24CEE
triadic
#714CEE #EE714C #4CEE71
tetradic
#714CEE #EE4C78 #C9EE4C #4CEEC2
square
#714CEE #EE4C78 #C9EE4C #4CEEC2
split-complementary
#714CEE #EEC24C #78EE4C
monochromatic
#3511AF #4616E7 #714CEE #9D84F3 #CABCF9
إمكانية الوصول والتباين
On white
5.29
#714CEE on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.97
#714CEE on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #714CEE
5.29:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##714CEE | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##714CEE | 1.00 | 5.29 | 3.97 | 5.29 |
| #FFFFFF | 5.29 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.97 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.29 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0070F3
Deuteranopia (green-blind)
#0067EB
Tritanopia (blue-blind)
#3E7697
Achromatopsia (no color)
#6C6C6C
وسوم التصميم والكود
CSS
--color: #714cee; /* rgb */ color: rgb(113, 76, 238); /* oklch */ color: oklch(55.3% 0.229 286.8);
Tailwind
colors: {
custom: {
50: '#a581f5',
500: '#714cee',
950: '#000000',
},
}SCSS
$custom: #714cee; $custom-light: #a581f5; $custom-dark: #000000;
JSON
{
"hex": "#714cee",
"rgb": {
"r": 113,
"g": 76,
"b": 238
},
"hsl": {
"h": 253.704,
"s": 82.653,
"l": 61.569
},
"oklch": {
"l": 0.5534,
"c": 0.22921,
"h": 286.8
},
"luminance": 0.14853
}Semantic roles & 50–950 ramp
primary
#714CEE
secondary
#DBE9AD
accent
#DF06AE
background
#FAF8FF
surface
#F4EFFF
border
#CECAD7
text
#100A17
muted
#7F7C85