#489ED2#489ED2

#489ED2 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.305؛ OKLCH L 66.8% C 0.113 H 238.3°. أفضل لون لنص المتن هو #000000 بتباين 7.10:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#489ED2
RGBrgb(72, 158, 210)
HSLhsl(203, 61%, 55%)
HSVhsv(203, 66%, 82%)
CMYKcmyk(65.7%, 24.8%, 0%, 17.6%)
CIE-LABlab(62.07, -9.74, -34.19)
CIE-LCHlch(62.07, 35.55, 254.09°)
OKLaboklab(66.85% -0.0593 -0.0961)
OKLCHoklch(66.85% 0.113 238.3)
XYZxyz(26.5277, 30.4818, 65.4458)
Luminance0.3049 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#489ED2 #D27C48
analogous
#48D2C1 #489ED2 #4859D2
triadic
#489ED2 #D2489E #9ED248
tetradic
#489ED2 #C148D2 #D27C48 #59D248
square
#489ED2 #C148D2 #D27C48 #59D248
split-complementary
#489ED2 #D24859 #D2C148
monochromatic
#205C80 #2C7FB1 #489ED2 #79B8DE #AAD2EA

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

On white

2.96
#489ED2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.10
#489ED2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #489ED2
7.10:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##489ED2#FFFFFF#000000##000000
##489ED21.002.967.107.10
#FFFFFF2.961.0021.0021.00
#0000007.1021.001.001.00
##0000007.1021.001.001.00

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

Protanopia (red-blind)
#869ED4
Deuteranopia (green-blind)
#7390D1
Tritanopia (blue-blind)
#00ABB0
Achromatopsia (no color)
#969696

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

CSS
--color: #489ed2;
/* rgb */ color: rgb(72, 158, 210);
/* oklch */ color: oklch(66.8% 0.113 238.3);
Tailwind
colors: {
  custom: {
    50: '#89bae0',
    500: '#489ed2',
    950: '#000000',
  },
}
SCSS
$custom: #489ed2;
$custom-light: #89bae0;
$custom-dark: #000000;
JSON
{
  "hex": "#489ed2",
  "rgb": {
    "r": 72,
    "g": 158,
    "b": 210
  },
  "hsl": {
    "h": 202.609,
    "s": 60.526,
    "l": 55.294
  },
  "oklch": {
    "l": 0.6685,
    "c": 0.11296,
    "h": 238.3
  },
  "luminance": 0.30485
}

Semantic roles & 50–950 ramp

primary
#489ED2
secondary
#D8B49E
accent
#8044E4
background
#F9FBFD
surface
#F1F6FB
border
#CBD0D4
text
#0D1115
muted
#7E8083

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

معاينة مع #489ED2

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

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

#489ED2 — Tintiva