#218EA8#218EA8

#218EA8 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.225؛ OKLCH L 60.0% C 0.100 H 218.4°. أفضل لون لنص المتن هو #000000 بتباين 5.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#218EA8
RGBrgb(33, 142, 168)
HSLhsl(192, 67%, 39%)
HSVhsv(192, 80%, 66%)
CMYKcmyk(80.4%, 15.5%, 0%, 34.1%)
CIE-LABlab(54.55, -20.37, -22.16)
CIE-LCHlch(54.55, 30.10, 227.41°)
OKLaboklab(60% -0.0782 -0.062)
OKLCHoklch(60% 0.1 218.4)
XYZxyz(17.3651, 22.4943, 40.4648)
Luminance0.2250 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#218EA8 #A83B21
analogous
#21A87F #218EA8 #214AA8
triadic
#218EA8 #A8218E #8EA821
tetradic
#218EA8 #7F21A8 #A83B21 #4AA821
square
#218EA8 #7F21A8 #A83B21 #4AA821
split-complementary
#218EA8 #A8214A #A87F21
monochromatic
#0D3842 #176375 #218EA8 #30B6D6 #63C8E0

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

On white

3.82
#218EA8 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.50
#218EA8 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #218EA8
5.50:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##218EA8#FFFFFF#000000##000000
##218EA81.003.825.505.50
#FFFFFF3.821.0021.0021.00
#0000005.5021.001.001.00
##0000005.5021.001.001.00

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

Protanopia (red-blind)
#7D8AA9
Deuteranopia (green-blind)
#6C7DA8
Tritanopia (blue-blind)
#009796
Achromatopsia (no color)
#828282

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

CSS
--color: #218ea8;
/* rgb */ color: rgb(33, 142, 168);
/* oklch */ color: oklch(60.0% 0.100 218.4);
Tailwind
colors: {
  custom: {
    50: '#74afc2',
    500: '#218ea8',
    950: '#000000',
  },
}
SCSS
$custom: #218ea8;
$custom-light: #74afc2;
$custom-dark: #000000;
JSON
{
  "hex": "#218ea8",
  "rgb": {
    "r": 33,
    "g": 142,
    "b": 168
  },
  "hsl": {
    "h": 191.556,
    "s": 67.164,
    "l": 39.412
  },
  "oklch": {
    "l": 0.59995,
    "c": 0.09978,
    "h": 218.4
  },
  "luminance": 0.22496
}

Semantic roles & 50–950 ramp

primary
#218EA8
secondary
#C5735F
accent
#5F3EEA
background
#F7FAFB
surface
#EEF4F7
border
#C9CED0
text
#0A1012
muted
#7C7F81

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

معاينة مع #218EA8

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

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

#218EA8 — Tintiva