#100738#100738
#100738 لون داكن جداً ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.005؛ OKLCH L 18.6% C 0.089 H 282.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 18.93:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #100738 |
|---|---|
| RGB | rgb(16, 7, 56) |
| HSL | hsl(251, 78%, 12%) |
| HSV | hsv(251, 88%, 22%) |
| CMYK | cmyk(71.4%, 87.5%, 0%, 78%) |
| CIE-LAB | lab(4.95, 19.40, -29.21) |
| CIE-LCH | lch(4.95, 35.06, 303.59°) |
| OKLab | oklab(18.58% 0.0186 -0.0867) |
| OKLCH | oklch(18.58% 0.089 282.1) |
| XYZ | xyz(1.0033, 0.5476, 3.7934) |
| Luminance | 0.0055 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Midnight Blue (survey)
#020035
ΔE00 2.99
Dark Navy
#000435
ΔE00 3.67
Very Dark Blue
#000133
ΔE00 3.67
Midnight
#03012D
ΔE00 4.12
Navy Blue (survey)
#001146
ΔE00 4.41
Dark Navy Blue
#00022E
ΔE00 4.63
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#100738 #2F3807
analogous
#071738 #100738 #280738
triadic
#100738 #381007 #073810
tetradic
#100738 #380717 #2F3807 #073828
square
#100738 #380717 #2F3807 #073828
split-complementary
#100738 #382807 #173807
monochromatic
#08031B #08031B #100738 #200E6E #2F15A5
إمكانية الوصول والتباين
On white
18.93
#100738 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.11
#100738 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #100738
18.93:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##100738 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##100738 | 1.00 | 18.93 | 1.11 | 18.93 |
| #FFFFFF | 18.93 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.11 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.93 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#001239
Deuteranopia (green-blind)
#000F37
Tritanopia (blue-blind)
#00151F
Achromatopsia (no color)
#111111
وسوم التصميم والكود
CSS
--color: #100738; /* rgb */ color: rgb(16, 7, 56); /* oklch */ color: oklch(18.6% 0.089 282.1);
Tailwind
colors: {
custom: {
50: '#54496f',
500: '#100738',
950: '#000000',
},
}SCSS
$custom: #100738; $custom-light: #54496f; $custom-dark: #000000;
JSON
{
"hex": "#100738",
"rgb": {
"r": 16,
"g": 7,
"b": 56
},
"hsl": {
"h": 251.02,
"s": 77.778,
"l": 12.353
},
"oklch": {
"l": 0.1858,
"c": 0.08869,
"h": 282.1
},
"luminance": 0.00548
}Semantic roles & 50–950 ramp
primary
#100738
secondary
#687823
accent
#F434D1
background
#F5F4F6
surface
#E9E6EC
border
#C5C2C7
text
#030007
muted
#78777A