#2A97B2#2A97B2

#2A97B2 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.258؛ OKLCH L 62.9% C 0.102 H 218.6°. أفضل لون لنص المتن هو #000000 بتباين 6.17:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#2A97B2
RGBrgb(42, 151, 178)
HSLhsl(192, 62%, 43%)
HSVhsv(192, 76%, 70%)
CMYKcmyk(76.4%, 15.2%, 0%, 30.2%)
CIE-LABlab(57.88, -20.80, -22.73)
CIE-LCHlch(57.88, 30.81, 227.55°)
OKLaboklab(62.85% -0.0796 -0.0635)
OKLCHoklch(62.85% 0.102 218.6)
XYZxyz(20.0539, 25.8374, 46.0410)
Luminance0.2584 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#2A97B2 #B2452A
analogous
#2AB289 #2A97B2 #2A53B2
triadic
#2A97B2 #B22A97 #97B22A
tetradic
#2A97B2 #892AB2 #B2452A #53B22A
square
#2A97B2 #892AB2 #B2452A #53B22A
split-complementary
#2A97B2 #B22A53 #B2892A
monochromatic
#13434F #1E6D80 #2A97B2 #46B7D3 #77CADF

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

On white

3.40
#2A97B2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.17
#2A97B2 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #2A97B2
6.17:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##2A97B2#FFFFFF#000000##000000
##2A97B21.003.406.176.17
#FFFFFF3.401.0021.0021.00
#0000006.1721.001.001.00
##0000006.1721.001.001.00

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

Protanopia (red-blind)
#8693B3
Deuteranopia (green-blind)
#7485B2
Tritanopia (blue-blind)
#00A0A0
Achromatopsia (no color)
#8B8B8B

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

CSS
--color: #2a97b2;
/* rgb */ color: rgb(42, 151, 178);
/* oklch */ color: oklch(62.9% 0.102 218.6);
Tailwind
colors: {
  custom: {
    50: '#79b5c9',
    500: '#2a97b2',
    950: '#000000',
  },
}
SCSS
$custom: #2a97b2;
$custom-light: #79b5c9;
$custom-dark: #000000;
JSON
{
  "hex": "#2a97b2",
  "rgb": {
    "r": 42,
    "g": 151,
    "b": 178
  },
  "hsl": {
    "h": 191.912,
    "s": 61.818,
    "l": 43.137
  },
  "oklch": {
    "l": 0.62854,
    "c": 0.10187,
    "h": 218.6
  },
  "luminance": 0.2584
}

Semantic roles & 50–950 ramp

primary
#2A97B2
secondary
#C78271
accent
#6343E5
background
#F8FBFC
surface
#EFF6F8
border
#CAD0D1
text
#0A1113
muted
#7C8082

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

معاينة مع #2A97B2

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

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

#2A97B2 — Tintiva