#12486A#12486A
#12486A لون داكن ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.058؛ OKLCH L 38.5% C 0.080 H 241.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #12486A |
|---|---|
| RGB | rgb(18, 72, 106) |
| HSL | hsl(203, 71%, 24%) |
| HSV | hsv(203, 83%, 42%) |
| CMYK | cmyk(83%, 32.1%, 0%, 58.4%) |
| CIE-LAB | lab(28.91, -4.17, -24.66) |
| CIE-LCH | lch(28.91, 25.00, 260.41°) |
| OKLab | oklab(38.49% -0.0379 -0.0699) |
| OKLCH | oklch(38.49% 0.08 241.5) |
| XYZ | xyz(5.1673, 5.8033, 14.4807) |
| Luminance | 0.0580 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dark Slate Blue
#214761
ΔE00 2.42
Prussian Blue
#004577
ΔE00 3.57
Dark Grey Blue
#29465B
ΔE00 4.34
Deep Sea Blue
#015482
ΔE00 4.65
Light Navy
#155084
ΔE00 4.74
Twilight Blue
#0A437A
ΔE00 4.84
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#12486A #6A3412
analogous
#126A60 #12486A #121C6A
triadic
#12486A #6A1248 #486A12
tetradic
#12486A #60126A #6A3412 #1C6A12
square
#12486A #60126A #6A3412 #1C6A12
split-complementary
#12486A #6A121C #6A6012
monochromatic
#04121A #092436 #12486A #1B6C9E #248FD3
إمكانية الوصول والتباين
On white
9.72
#12486A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.16
#12486A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #12486A
9.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##12486A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##12486A | 1.00 | 9.72 | 2.16 | 9.72 |
| #FFFFFF | 9.72 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.16 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.72 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#38496B
Deuteranopia (green-blind)
#2C4169
Tritanopia (blue-blind)
#005054
Achromatopsia (no color)
#444444
وسوم التصميم والكود
CSS
--color: #12486a; /* rgb */ color: rgb(18, 72, 106); /* oklch */ color: oklch(38.5% 0.080 241.5);
Tailwind
colors: {
custom: {
50: '#5f7a95',
500: '#12486a',
950: '#000000',
},
}SCSS
$custom: #12486a; $custom-light: #5f7a95; $custom-dark: #000000;
JSON
{
"hex": "#12486a",
"rgb": {
"r": 18,
"g": 72,
"b": 106
},
"hsl": {
"h": 203.182,
"s": 70.968,
"l": 24.314
},
"oklch": {
"l": 0.38491,
"c": 0.0795,
"h": 241.5
},
"luminance": 0.05804
}Semantic roles & 50–950 ramp
primary
#12486A
secondary
#A26036
accent
#7F3AEE
background
#F6F7F9
surface
#EBEDF1
border
#C6C8CB
text
#05090D
muted
#7A7B7E