#288EB5#288EB5

#288EB5 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.231؛ OKLCH L 60.7% C 0.107 H 228.7°. أفضل لون لنص المتن هو #000000 بتباين 5.63:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#288EB5
RGBrgb(40, 142, 181)
HSLhsl(197, 64%, 43%)
HSVhsv(197, 78%, 71%)
CMYKcmyk(77.9%, 21.5%, 0%, 29%)
CIE-LABlab(55.21, -15.16, -28.57)
CIE-LCHlch(55.21, 32.34, 242.04°)
OKLaboklab(60.74% -0.0705 -0.0803)
OKLCHoklch(60.74% 0.107 228.7)
XYZxyz(18.8851, 23.1310, 47.1765)
Luminance0.2313 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#288EB5 #B54F28
analogous
#28B595 #288EB5 #2847B5
triadic
#288EB5 #B5288E #8EB528
tetradic
#288EB5 #9528B5 #B54F28 #47B528
square
#288EB5 #9528B5 #B54F28 #47B528
split-complementary
#288EB5 #B52847 #B59528
monochromatic
#123F51 #1D6783 #288EB5 #44AED6 #77C3E1

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

On white

3.73
#288EB5 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.63
#288EB5 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #288EB5
5.63:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##288EB5#FFFFFF#000000##000000
##288EB51.003.735.635.63
#FFFFFF3.731.0021.0021.00
#0000005.6321.001.001.00
##0000005.6321.001.001.00

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

Protanopia (red-blind)
#7A8CB7
Deuteranopia (green-blind)
#677EB4
Tritanopia (blue-blind)
#00999B
Achromatopsia (no color)
#848484

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

CSS
--color: #288eb5;
/* rgb */ color: rgb(40, 142, 181);
/* oklch */ color: oklch(60.7% 0.107 228.7);
Tailwind
colors: {
  custom: {
    50: '#78afcb',
    500: '#288eb5',
    950: '#000000',
  },
}
SCSS
$custom: #288eb5;
$custom-light: #78afcb;
$custom-dark: #000000;
JSON
{
  "hex": "#288eb5",
  "rgb": {
    "r": 40,
    "g": 142,
    "b": 181
  },
  "hsl": {
    "h": 196.596,
    "s": 63.801,
    "l": 43.333
  },
  "oklch": {
    "l": 0.60736,
    "c": 0.10685,
    "h": 228.7
  },
  "luminance": 0.23133
}

Semantic roles & 50–950 ramp

primary
#288EB5
secondary
#C88970
accent
#6F41E7
background
#F8FAFC
surface
#EFF4F8
border
#CACED1
text
#0A1013
muted
#7C7F82

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

معاينة مع #288EB5

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

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

#288EB5 — Tintiva