#68407A#68407A
#68407A لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.080؛ OKLCH L 44.3% C 0.102 H 314.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #68407A |
|---|---|
| RGB | rgb(104, 64, 122) |
| HSL | hsl(281, 31%, 36%) |
| HSV | hsv(281, 48%, 48%) |
| CMYK | cmyk(14.8%, 47.5%, 0%, 52.2%) |
| CIE-LAB | lab(34.01, 28.48, -26.26) |
| CIE-LCH | lch(34.01, 38.74, 317.33°) |
| OKLab | oklab(44.29% 0.0718 -0.0728) |
| OKLCH | oklch(44.29% 0.102 314.6) |
| XYZ | xyz(11.0546, 8.0153, 19.3733) |
| Luminance | 0.0801 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Bruise
#7E4071
ΔE00 6.99
Grape
#6C3461
ΔE00 7.04
Light Eggplant
#894585
ΔE00 7.36
Rebeccapurple
#663399
ΔE00 8.27
Darkish Purple
#751973
ΔE00 8.92
Muted Purple
#805B87
ΔE00 9.49
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#68407A #527A40
analogous
#4B407A #68407A #7A406F
triadic
#68407A #7A6840 #407A68
tetradic
#68407A #7A4B40 #527A40 #406F7A
square
#68407A #7A4B40 #527A40 #406F7A
split-complementary
#68407A #6F7A40 #407A4B
monochromatic
#24162A #462B52 #68407A #8A55A2 #A67BBA
إمكانية الوصول والتباين
On white
8.07
#68407A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.60
#68407A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #68407A
8.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##68407A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##68407A | 1.00 | 8.07 | 2.60 | 8.07 |
| #FFFFFF | 8.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.60 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.07 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#354E7C
Deuteranopia (green-blind)
#405178
Tritanopia (blue-blind)
#674857
Achromatopsia (no color)
#505050
وسوم التصميم والكود
CSS
--color: #68407a; /* rgb */ color: rgb(104, 64, 122); /* oklch */ color: oklch(44.3% 0.102 314.6);
Tailwind
colors: {
custom: {
50: '#9476a0',
500: '#68407a',
950: '#000000',
},
}SCSS
$custom: #68407a; $custom-light: #9476a0; $custom-dark: #000000;
JSON
{
"hex": "#68407a",
"rgb": {
"r": 104,
"g": 64,
"b": 122
},
"hsl": {
"h": 281.379,
"s": 31.183,
"l": 36.471
},
"oklch": {
"l": 0.44285,
"c": 0.10229,
"h": 314.6
},
"luminance": 0.08015
}Semantic roles & 50–950 ramp
primary
#68407A
secondary
#81A472
accent
#C76080
background
#F9F7F9
surface
#F2EDF2
border
#CCC8CC
text
#0D080F
muted
#7E7B7E