#22334F#22334F

#22334F لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.033؛ OKLCH L 32.0% C 0.055 H 260.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.69:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#22334F
RGBrgb(34, 51, 79)
HSLhsl(217, 40%, 22%)
HSVhsv(217, 57%, 31%)
CMYKcmyk(57%, 35.4%, 0%, 69%)
CIE-LABlab(21.10, 2.44, -19.29)
CIE-LCHlch(21.10, 19.44, 277.20°)
OKLaboklab(32.05% -0.0096 -0.0543)
OKLCHoklch(32.05% 0.055 260)
XYZxyz(3.2543, 3.2720, 7.8557)
Luminance0.0327 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#22334F #4F3E22
analogous
#224A4F #22334F #27224F
triadic
#22334F #4F2233 #334F22
tetradic
#22334F #4F224A #4F3E22 #224F27
square
#22334F #4F224A #4F3E22 #224F27
split-complementary
#22334F #4F2722 #4A4F22
monochromatic
#090E15 #101724 #22334F #344F7A #476AA5

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

On white

12.69
#22334F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.65
#22334F on #000000
AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #22334F
12.69:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##22334F#FFFFFF#000000##FFFFFF
##22334F1.0012.691.6512.69
#FFFFFF12.691.0021.001.00
#0000001.6521.001.0021.00
##FFFFFF12.691.0021.001.00

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

Protanopia (red-blind)
#283550
Deuteranopia (green-blind)
#23314E
Tritanopia (blue-blind)
#0C393D
Achromatopsia (no color)
#333333

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

CSS
--color: #22334f;
/* rgb */ color: rgb(34, 51, 79);
/* oklch */ color: oklch(32.0% 0.055 260.0);
Tailwind
colors: {
  custom: {
    50: '#616a80',
    500: '#22334f',
    950: '#000000',
  },
}
SCSS
$custom: #22334f;
$custom-light: #616a80;
$custom-dark: #000000;
JSON
{
  "hex": "#22334f",
  "rgb": {
    "r": 34,
    "g": 51,
    "b": 79
  },
  "hsl": {
    "h": 217.333,
    "s": 39.823,
    "l": 22.157
  },
  "oklch": {
    "l": 0.3205,
    "c": 0.05513,
    "h": 260
  },
  "luminance": 0.03272
}

Semantic roles & 50–950 ramp

primary
#22334F
secondary
#836D4A
accent
#A358D0
background
#F5F6F7
surface
#EAEBEE
border
#C6C6C9
text
#05060A
muted
#797A7C

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

معاينة مع #22334F

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

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

#22334F — Tintiva