#838CDB#838CDB
#838CDB لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.287؛ OKLCH L 66.6% C 0.117 H 277.8°. أفضل لون لنص المتن هو #000000 بتباين 6.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #838CDB |
|---|---|
| RGB | rgb(131, 140, 219) |
| HSL | hsl(234, 55%, 69%) |
| HSV | hsv(234, 40%, 86%) |
| CMYK | cmyk(40.2%, 36.1%, 0%, 14.1%) |
| CIE-LAB | lab(60.51, 16.30, -41.42) |
| CIE-LCH | lch(60.51, 44.51, 291.48°) |
| OKLab | oklab(66.57% 0.0158 -0.1163) |
| OKLCH | oklch(66.57% 0.117 277.8) |
| XYZ | xyz(31.5206, 28.6946, 70.8819) |
| Luminance | 0.2870 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Perrywinkle
#8F8CE7
ΔE00 3.01
Lavender Blue
#8B88F8
ΔE00 4.76
Periwinkle Blue
#8F99FB
ΔE00 5.46
Soft Blue
#6488EA
ΔE00 6.47
Periwinkle (survey)
#8E82FE
ΔE00 6.61
Cornflower
#6A79F7
ΔE00 7.82
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#838CDB #DBD283
analogous
#83B8DB #838CDB #A683DB
triadic
#838CDB #DB838C #8CDB83
tetradic
#838CDB #DB83B8 #DBD283 #83DBA6
square
#838CDB #DB83B8 #DBD283 #83DBA6
split-complementary
#838CDB #DBA683 #B8DB83
monochromatic
#3340B0 #5460CD #838CDB #B2B8E9 #E2E4F7
إمكانية الوصول والتباين
On white
3.12
#838CDB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.74
#838CDB on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #838CDB
6.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##838CDB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##838CDB | 1.00 | 3.12 | 6.74 | 6.74 |
| #FFFFFF | 3.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7195DE
Deuteranopia (green-blind)
#6B8FD9
Tritanopia (blue-blind)
#689CA9
Achromatopsia (no color)
#929292
وسوم التصميم والكود
CSS
--color: #838cdb; /* rgb */ color: rgb(131, 140, 219); /* oklch */ color: oklch(66.6% 0.117 277.8);
Tailwind
colors: {
custom: {
50: '#aaade6',
500: '#838cdb',
950: '#000000',
},
}SCSS
$custom: #838cdb; $custom-light: #aaade6; $custom-dark: #000000;
JSON
{
"hex": "#838cdb",
"rgb": {
"r": 131,
"g": 140,
"b": 219
},
"hsl": {
"h": 233.864,
"s": 55,
"l": 68.627
},
"oklch": {
"l": 0.66567,
"c": 0.11734,
"h": 277.8
},
"luminance": 0.28696
}Semantic roles & 50–950 ramp
primary
#838CDB
secondary
#EAE7D0
accent
#B223C3
background
#FAFAFE
surface
#F4F4FC
border
#CECED5
text
#101016
muted
#7F7F84