#3F69AA#3F69AA

#3F69AA لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.141؛ OKLCH L 52.2% C 0.113 H 258.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.51:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#3F69AA
RGBrgb(63, 105, 170)
HSLhsl(216, 46%, 46%)
HSVhsv(216, 63%, 67%)
CMYKcmyk(62.9%, 38.2%, 0%, 33.3%)
CIE-LABlab(44.32, 6.27, -39.22)
CIE-LCHlch(44.32, 39.71, 279.08°)
OKLaboklab(52.17% -0.022 -0.1113)
OKLCHoklch(52.17% 0.113 258.8)
XYZxyz(14.3546, 14.0609, 39.9800)
Luminance0.1406 (WCAG relative)
Temperaturecool
Familyblue

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#3F69AA #AA803F
analogous
#3F9EAA #3F69AA #4B3FAA
triadic
#3F69AA #AA3F69 #69AA3F
tetradic
#3F69AA #AA3F9E #AA803F #3FAA4B
square
#3F69AA #AA3F9E #AA803F #3FAA4B
split-complementary
#3F69AA #AA4B3F #9EAA3F
monochromatic
#1E3251 #2E4D7D #3F69AA #6288C5 #8EAAD5

إمكانية الوصول والتباين

On white

5.51
#3F69AA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.81
#3F69AA on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #3F69AA
5.51:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##3F69AA#FFFFFF#000000##FFFFFF
##3F69AA1.005.513.815.51
#FFFFFF5.511.0021.001.00
#0000003.8121.001.0021.00
##FFFFFF5.511.0021.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#4D6EAD
Deuteranopia (green-blind)
#3E64A9
Tritanopia (blue-blind)
#007881
Achromatopsia (no color)
#696969

وسوم التصميم والكود

CSS
--color: #3f69aa;
/* rgb */ color: rgb(63, 105, 170);
/* oklch */ color: oklch(52.2% 0.113 258.8);
Tailwind
colors: {
  custom: {
    50: '#7e93c3',
    500: '#3f69aa',
    950: '#000000',
  },
}
SCSS
$custom: #3f69aa;
$custom-light: #7e93c3;
$custom-dark: #000000;
JSON
{
  "hex": "#3f69aa",
  "rgb": {
    "r": 63,
    "g": 105,
    "b": 170
  },
  "hsl": {
    "h": 216.449,
    "s": 45.923,
    "l": 45.686
  },
  "oklch": {
    "l": 0.52174,
    "c": 0.11349,
    "h": 258.8
  },
  "luminance": 0.14062
}

Semantic roles & 50–950 ramp

primary
#3F69AA
secondary
#C0A985
accent
#A252D6
background
#F8F9FC
surface
#EFF1F8
border
#CACBD1
text
#0B0D12
muted
#7C7E81

مختبر المعاينة

معاينة مع #3F69AA

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#3F69AA — Tintiva