#ABB7F2#ABB7F2

#ABB7F2 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.489؛ OKLCH L 79.1% C 0.085 H 275.4°. أفضل لون لنص المتن هو #000000 بتباين 10.79:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#ABB7F2
RGBrgb(171, 183, 242)
HSLhsl(230, 73%, 81%)
HSVhsv(230, 29%, 95%)
CMYKcmyk(29.3%, 24.4%, 0%, 5.1%)
CIE-LABlab(75.41, 8.95, -30.66)
CIE-LCHlch(75.41, 31.93, 286.27°)
OKLaboklab(79.12% 0.008 -0.0847)
OKLCHoklch(79.12% 0.085 275.4)
XYZxyz(49.7507, 48.9342, 90.8112)
Luminance0.4894 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#ABB7F2 #F2E6AB
analogous
#ABDAF2 #ABB7F2 #C2ABF2
triadic
#ABB7F2 #F2ABB7 #B7F2AB
tetradic
#ABB7F2 #F2ABDA #F2E6AB #ABF2C2
square
#ABB7F2 #F2ABDA #F2E6AB #ABF2C2
split-complementary
#ABB7F2 #F2C2AB #DAF2AB
monochromatic
#415CE2 #768AEA #ABB7F2 #E0E4FA #E5E8FB

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

On white

1.95
#ABB7F2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.79
#ABB7F2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##ABB7F2#FFFFFF#000000##000000
##ABB7F21.001.9510.7910.79
#FFFFFF1.951.0021.0021.00
#00000010.7921.001.001.00
##00000010.7921.001.001.00

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

Protanopia (red-blind)
#A5BDF5
Deuteranopia (green-blind)
#A1B7F1
Tritanopia (blue-blind)
#98C2CB
Achromatopsia (no color)
#BABABA

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

CSS
--color: #abb7f2;
/* rgb */ color: rgb(171, 183, 242);
/* oklch */ color: oklch(79.1% 0.085 275.4);
Tailwind
colors: {
  custom: {
    50: '#c5ccf6',
    500: '#abb7f2',
    950: '#000000',
  },
}
SCSS
$custom: #abb7f2;
$custom-light: #c5ccf6;
$custom-dark: #000000;
JSON
{
  "hex": "#abb7f2",
  "rgb": {
    "r": 171,
    "g": 183,
    "b": 242
  },
  "hsl": {
    "h": 229.859,
    "s": 73.196,
    "l": 80.98
  },
  "oklch": {
    "l": 0.79124,
    "c": 0.08506,
    "h": 275.4
  },
  "luminance": 0.48936
}

Semantic roles & 50–950 ramp

primary
#ABB7F2
secondary
#F3EED8
accent
#B410D5
background
#FCFCFF
surface
#F8F8FE
border
#D1D1D6
text
#131317
muted
#828285

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

معاينة مع #ABB7F2

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

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

#ABB7F2 — Tintiva