#8F90CA#8F90CA
#8F90CA لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.300؛ OKLCH L 67.5% C 0.085 H 283.1°. أفضل لون لنص المتن هو #000000 بتباين 7.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8F90CA |
|---|---|
| RGB | rgb(143, 144, 202) |
| HSL | hsl(239, 36%, 68%) |
| HSV | hsv(239, 29%, 79%) |
| CMYK | cmyk(29.2%, 28.7%, 0%, 20.8%) |
| CIE-LAB | lab(61.70, 12.79, -29.99) |
| CIE-LCH | lch(61.70, 32.60, 293.09°) |
| OKLab | oklab(67.46% 0.0193 -0.0831) |
| OKLCH | oklch(67.46% 0.085 283.1) |
| XYZ | xyz(31.9588, 30.0496, 59.9820) |
| Luminance | 0.3005 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Perrywinkle
#8F8CE7
ΔE00 5.66
Lavender
#B39DDB
ΔE00 8.12
Periwinkle Blue
#8F99FB
ΔE00 8.39
Lavender Blue
#8B88F8
ΔE00 8.56
Periwinkle (survey)
#8E82FE
ΔE00 9.98
Pale Purple
#B790D4
ΔE00 10.02
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8F90CA #CAC98F
analogous
#8FADCA #8F90CA #AB8FCA
triadic
#8F90CA #CA8F90 #90CA8F
tetradic
#8F90CA #CA8FAD #CAC98F #8FCAAB
square
#8F90CA #CA8FAD #CAC98F #8FCAAB
split-complementary
#8F90CA #CAAB8F #ADCA8F
monochromatic
#484997 #6567B6 #8F90CA #B9B9DE #E2E2F1
إمكانية الوصول والتباين
On white
3.00
#8F90CA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
7.01
#8F90CA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #8F90CA
7.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8F90CA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8F90CA | 1.00 | 3.00 | 7.01 | 7.01 |
| #FFFFFF | 3.00 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.01 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.01 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8097CC
Deuteranopia (green-blind)
#7D93C9
Tritanopia (blue-blind)
#819AA4
Achromatopsia (no color)
#959595
وسوم التصميم والكود
CSS
--color: #8f90ca; /* rgb */ color: rgb(143, 144, 202); /* oklch */ color: oklch(67.5% 0.085 283.1);
Tailwind
colors: {
custom: {
50: '#b1b0da',
500: '#8f90ca',
950: '#000000',
},
}SCSS
$custom: #8f90ca; $custom-light: #b1b0da; $custom-dark: #000000;
JSON
{
"hex": "#8f90ca",
"rgb": {
"r": 143,
"g": 144,
"b": 202
},
"hsl": {
"h": 238.983,
"s": 35.758,
"l": 67.647
},
"oklch": {
"l": 0.6746,
"c": 0.08532,
"h": 283.1
},
"luminance": 0.3005
}Semantic roles & 50–950 ramp
primary
#8F90CA
secondary
#E4E3D1
accent
#AD37AF
background
#FBFAFD
surface
#F6F4FA
border
#D0CED3
text
#111015
muted
#807F83