#248BA2#248BA2

#248BA2 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.214؛ OKLCH L 59.0% C 0.095 H 216.7°. أفضل لون لنص المتن هو #000000 بتباين 5.29:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#248BA2
RGBrgb(36, 139, 162)
HSLhsl(191, 64%, 39%)
HSVhsv(191, 78%, 64%)
CMYKcmyk(77.8%, 14.2%, 0%, 36.5%)
CIE-LABlab(53.44, -20.48, -20.41)
CIE-LCHlch(53.44, 28.92, 224.89°)
OKLaboklab(59.04% -0.0766 -0.057)
OKLCHoklch(59.04% 0.095 216.7)
XYZxyz(16.4790, 21.4469, 37.4466)
Luminance0.2145 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#248BA2 #A23B24
analogous
#24A27A #248BA2 #244CA2
triadic
#248BA2 #A2248B #8BA224
tetradic
#248BA2 #7A24A2 #A23B24 #4CA224
square
#248BA2 #7A24A2 #A23B24 #4CA224
split-complementary
#248BA2 #A2244C #A27A24
monochromatic
#0E353E #196070 #248BA2 #32B4D1 #64C7DD

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

On white

3.97
#248BA2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.29
#248BA2 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #248BA2
5.29:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##248BA2#FFFFFF#000000##000000
##248BA21.003.975.295.29
#FFFFFF3.971.0021.0021.00
#0000005.2921.001.001.00
##0000005.2921.001.001.00

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

Protanopia (red-blind)
#7C87A3
Deuteranopia (green-blind)
#6B7AA2
Tritanopia (blue-blind)
#009392
Achromatopsia (no color)
#808080

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

CSS
--color: #248ba2;
/* rgb */ color: rgb(36, 139, 162);
/* oklch */ color: oklch(59.0% 0.095 216.7);
Tailwind
colors: {
  custom: {
    50: '#74adbd',
    500: '#248ba2',
    950: '#000000',
  },
}
SCSS
$custom: #248ba2;
$custom-light: #74adbd;
$custom-dark: #000000;
JSON
{
  "hex": "#248ba2",
  "rgb": {
    "r": 36,
    "g": 139,
    "b": 162
  },
  "hsl": {
    "h": 190.952,
    "s": 63.636,
    "l": 38.824
  },
  "oklch": {
    "l": 0.59039,
    "c": 0.09546,
    "h": 216.7
  },
  "luminance": 0.21449
}

Semantic roles & 50–950 ramp

primary
#248BA2
secondary
#C27260
accent
#5F41E7
background
#F7FAFB
surface
#EEF4F6
border
#C9CED0
text
#091012
muted
#7B7F81

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

معاينة مع #248BA2

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

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

#248BA2 — Tintiva