#909CD2#909CD2

#909CD2 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.344؛ OKLCH L 70.3% C 0.080 H 274.5°. أفضل لون لنص المتن هو #000000 بتباين 7.87:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#909CD2
RGBrgb(144, 156, 210)
HSLhsl(229, 42%, 69%)
HSVhsv(229, 31%, 82%)
CMYKcmyk(31.4%, 25.7%, 0%, 17.6%)
CIE-LABlab(65.25, 8.25, -28.97)
CIE-LCHlch(65.25, 30.12, 285.90°)
OKLaboklab(70.34% 0.0063 -0.0802)
OKLCHoklch(70.34% 0.08 274.5)
XYZxyz(35.0197, 34.3582, 65.7469)
Luminance0.3436 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#909CD2 #D2C690
analogous
#90BDD2 #909CD2 #A590D2
triadic
#909CD2 #D2909C #9CD290
tetradic
#909CD2 #D290BD #D2C690 #90D2A5
square
#909CD2 #D290BD #D2C690 #90D2A5
split-complementary
#909CD2 #D2A590 #BDD290
monochromatic
#4355A5 #6475C0 #909CD2 #BCC3E4 #E7EAF5

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

On white

2.67
#909CD2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.87
#909CD2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #909CD2
7.87:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##909CD2#FFFFFF#000000##000000
##909CD21.002.677.877.87
#FFFFFF2.671.0021.0021.00
#0000007.8721.001.001.00
##0000007.8721.001.001.00

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

Protanopia (red-blind)
#8CA1D4
Deuteranopia (green-blind)
#879CD1
Tritanopia (blue-blind)
#7EA6AF
Achromatopsia (no color)
#9E9E9E

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

CSS
--color: #909cd2;
/* rgb */ color: rgb(144, 156, 210);
/* oklch */ color: oklch(70.3% 0.080 274.5);
Tailwind
colors: {
  custom: {
    50: '#b2b9e0',
    500: '#909cd2',
    950: '#000000',
  },
}
SCSS
$custom: #909cd2;
$custom-light: #b2b9e0;
$custom-dark: #000000;
JSON
{
  "hex": "#909cd2",
  "rgb": {
    "r": 144,
    "g": 156,
    "b": 210
  },
  "hsl": {
    "h": 229.091,
    "s": 42.308,
    "l": 69.412
  },
  "oklch": {
    "l": 0.70336,
    "c": 0.08044,
    "h": 274.5
  },
  "luminance": 0.34359
}

Semantic roles & 50–950 ramp

primary
#909CD2
secondary
#E8E5D5
accent
#9D30B5
background
#FBFBFD
surface
#F6F6FB
border
#D0D0D4
text
#111115
muted
#808083

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

معاينة مع #909CD2

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

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

#909CD2 — Tintiva