#3F355D#3F355D
#3F355D لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.044؛ OKLCH L 35.9% C 0.069 H 294.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.18:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3F355D |
|---|---|
| RGB | rgb(63, 53, 93) |
| HSL | hsl(255, 27%, 29%) |
| HSV | hsv(255, 43%, 36%) |
| CMYK | cmyk(32.3%, 43%, 0%, 63.5%) |
| CIE-LAB | lab(24.93, 14.57, -22.36) |
| CIE-LCH | lch(24.93, 26.69, 303.10°) |
| OKLab | oklab(35.86% 0.0281 -0.0625) |
| OKLCH | oklch(35.86% 0.069 294.2) |
| XYZ | xyz(5.2983, 4.3932, 10.9226) |
| Luminance | 0.0439 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Navy Blue
#1B2A4A
ΔE00 9.39
Darkslateblue
#483D8B
ΔE00 9.71
Dusk
#4E5481
ΔE00 11.00
Twilight
#4E518B
ΔE00 11.23
Marine
#042E60
ΔE00 11.65
Blueberry
#464196
ΔE00 11.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3F355D #535D35
analogous
#353F5D #3F355D #53355D
triadic
#3F355D #5D3F35 #355D3F
tetradic
#3F355D #5D353F #535D35 #355D53
square
#3F355D #5D353F #535D35 #355D53
split-complementary
#3F355D #5D5335 #3F5D35
monochromatic
#0D0B13 #251F36 #3F355D #594B84 #7665A7
إمكانية الوصول والتباين
On white
11.18
#3F355D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.88
#3F355D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3F355D
11.18:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3F355D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3F355D | 1.00 | 11.18 | 1.88 | 11.18 |
| #FFFFFF | 11.18 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.88 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.18 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#293C5F
Deuteranopia (green-blind)
#2B3B5C
Tritanopia (blue-blind)
#383C44
Achromatopsia (no color)
#3B3B3B
وسوم التصميم والكود
CSS
--color: #3f355d; /* rgb */ color: rgb(63, 53, 93); /* oklch */ color: oklch(35.9% 0.069 294.2);
Tailwind
colors: {
custom: {
50: '#756c8b',
500: '#3f355d',
950: '#000000',
},
}SCSS
$custom: #3f355d; $custom-light: #756c8b; $custom-dark: #000000;
JSON
{
"hex": "#3f355d",
"rgb": {
"r": 63,
"g": 53,
"b": 93
},
"hsl": {
"h": 255,
"s": 27.397,
"l": 28.627
},
"oklch": {
"l": 0.35863,
"c": 0.06854,
"h": 294.2
},
"luminance": 0.04393
}Semantic roles & 50–950 ramp
primary
#3F355D
secondary
#828E60
accent
#C464AC
background
#F7F6F8
surface
#EDEBF0
border
#C8C6CB
text
#08070C
muted
#7B7A7D