#816DCC#816DCC
#816DCC لون متوسط وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.200؛ OKLCH L 59.6% C 0.141 H 291.2°. أفضل لون لنص المتن هو #000000 بتباين 4.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #816DCC |
|---|---|
| RGB | rgb(129, 109, 204) |
| HSL | hsl(253, 48%, 61%) |
| HSV | hsv(253, 47%, 80%) |
| CMYK | cmyk(36.8%, 46.6%, 0%, 20%) |
| CIE-LAB | lab(51.80, 29.91, -46.74) |
| CIE-LCH | lch(51.80, 55.49, 302.62°) |
| OKLab | oklab(59.65% 0.0511 -0.1319) |
| OKLCH | oklch(59.65% 0.141 291.2) |
| XYZ | xyz(25.4181, 19.9634, 59.6291) |
| Luminance | 0.1996 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Mediumpurple
#9370DB
ΔE00 4.12
Mediumslateblue
#7B68EE
ΔE00 5.59
Deep Lilac
#966EBD
ΔE00 6.43
Dark Periwinkle
#665FD1
ΔE00 6.83
Light Indigo
#6D5ACF
ΔE00 7.03
Deep Lavender
#8D5EB7
ΔE00 7.13
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#816DCC #B8CC6D
analogous
#6D89CC #816DCC #B16DCC
triadic
#816DCC #CC816D #6DCC81
tetradic
#816DCC #CC6D89 #B8CC6D #6DCCB1
square
#816DCC #CC6D89 #B8CC6D #6DCCB1
split-complementary
#816DCC #CCB16D #89CC6D
monochromatic
#45318D #5B41BB #816DCC #A89ADC #CFC8EC
إمكانية الوصول والتباين
On white
4.21
#816DCC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.99
#816DCC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #816DCC
4.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##816DCC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##816DCC | 1.00 | 4.21 | 4.99 | 4.99 |
| #FFFFFF | 4.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.99 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4B7DCF
Deuteranopia (green-blind)
#4D7ACA
Tritanopia (blue-blind)
#6E8093
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #816dcc; /* rgb */ color: rgb(129, 109, 204); /* oklch */ color: oklch(59.6% 0.141 291.2);
Tailwind
colors: {
custom: {
50: '#a997dc',
500: '#816dcc',
950: '#000000',
},
}SCSS
$custom: #816dcc; $custom-light: #a997dc; $custom-dark: #000000;
JSON
{
"hex": "#816dcc",
"rgb": {
"r": 129,
"g": 109,
"b": 204
},
"hsl": {
"h": 252.632,
"s": 48.223,
"l": 61.373
},
"oklch": {
"l": 0.59648,
"c": 0.14145,
"h": 291.2
},
"luminance": 0.19964
}Semantic roles & 50–950 ramp
primary
#816DCC
secondary
#D5DCB9
accent
#BC2A9D
background
#FAF9FD
surface
#F4F2FB
border
#CECCD4
text
#100D15
muted
#7F7E83