#121D63#121D63
#121D63 لون داكن وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.019؛ OKLCH L 27.7% C 0.123 H 269.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.20:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #121D63 |
|---|---|
| RGB | rgb(18, 29, 99) |
| HSL | hsl(232, 69%, 23%) |
| HSV | hsv(232, 82%, 39%) |
| CMYK | cmyk(81.8%, 70.7%, 0%, 61.2%) |
| CIE-LAB | lab(15.00, 23.35, -42.49) |
| CIE-LCH | lch(15.00, 48.48, 298.79°) |
| OKLab | oklab(27.65% -0.0017 -0.123) |
| OKLCH | oklch(27.65% 0.123 269.2) |
| XYZ | xyz(2.9402, 1.9079, 12.0153) |
| Luminance | 0.0191 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Midnight Blue
#191970
ΔE00 3.27
Navy Blue (survey)
#001146
ΔE00 5.47
Darkblue (survey)
#030764
ΔE00 5.89
Dark Indigo
#1F0954
ΔE00 6.45
Dark Royal Blue
#02066F
ΔE00 6.53
Dark Blue
#00035B
ΔE00 6.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#121D63 #635812
analogous
#124563 #121D63 #2F1263
triadic
#121D63 #63121D #1D6312
tetradic
#121D63 #631245 #635812 #12632F
square
#121D63 #631245 #635812 #12632F
split-complementary
#121D63 #632F12 #456312
monochromatic
#05081A #090E2F #121D63 #1B2C97 #253BCB
إمكانية الوصول والتباين
On white
15.20
#121D63 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.38
#121D63 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #121D63
15.20:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##121D63 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##121D63 | 1.00 | 15.20 | 1.38 | 15.20 |
| #FFFFFF | 15.20 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.38 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.20 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#002A65
Deuteranopia (green-blind)
#002262
Tritanopia (blue-blind)
#00303D
Achromatopsia (no color)
#262626
وسوم التصميم والكود
CSS
--color: #121d63; /* rgb */ color: rgb(18, 29, 99); /* oklch */ color: oklch(27.7% 0.123 269.2);
Tailwind
colors: {
custom: {
50: '#5f5990',
500: '#121d63',
950: '#000000',
},
}SCSS
$custom: #121d63; $custom-light: #5f5990; $custom-dark: #000000;
JSON
{
"hex": "#121d63",
"rgb": {
"r": 18,
"g": 29,
"b": 99
},
"hsl": {
"h": 231.852,
"s": 69.231,
"l": 22.941
},
"oklch": {
"l": 0.27654,
"c": 0.12298,
"h": 269.2
},
"luminance": 0.01908
}Semantic roles & 50–950 ramp
primary
#121D63
secondary
#9B8D36
accent
#D43CEC
background
#F6F5F8
surface
#EBE9F0
border
#C6C5CB
text
#05030D
muted
#7A787D