#A2BAFF#A2BAFF

#A2BAFF لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.500؛ OKLCH L 79.7% C 0.102 H 269.3°. أفضل لون لنص المتن هو #000000 بتباين 11.00:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#A2BAFF
RGBrgb(162, 186, 255)
HSLhsl(225, 100%, 82%)
HSVhsv(225, 36%, 100%)
CMYKcmyk(36.5%, 27.1%, 0%, 0%)
CIE-LABlab(76.08, 8.08, -36.67)
CIE-LCHlch(76.08, 37.55, 282.43°)
OKLaboklab(79.66% -0.0013 -0.102)
OKLCHoklch(79.66% 0.102 269.3)
XYZxyz(50.5038, 50.0170, 101.5815)
Luminance0.5002 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#A2BAFF #FFE7A2
analogous
#A2E9FF #A2BAFF #B9A2FF
triadic
#A2BAFF #FFA2BA #BAFFA2
tetradic
#A2BAFF #FFA2E9 #FFE7A2 #A2FFB9
square
#A2BAFF #FFA2E9 #FFE7A2 #A2FFB9
split-complementary
#A2BAFF #FFB9A2 #E9FFA2
monochromatic
#285FFF #658DFF #A2BAFF #DFE7FF #E0E8FF

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

On white

1.91
#A2BAFF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.00
#A2BAFF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##A2BAFF#FFFFFF#000000##000000
##A2BAFF1.001.9111.0011.00
#FFFFFF1.911.0021.0021.00
#00000011.0021.001.001.00
##00000011.0021.001.001.00

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

Protanopia (red-blind)
#A3C0FF
Deuteranopia (green-blind)
#9BB8FD
Tritanopia (blue-blind)
#86C8D2
Achromatopsia (no color)
#BCBCBC

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

CSS
--color: #a2baff;
/* rgb */ color: rgb(162, 186, 255);
/* oklch */ color: oklch(79.7% 0.102 269.3);
Tailwind
colors: {
  custom: {
    50: '#c0ceff',
    500: '#a2baff',
    950: '#000000',
  },
}
SCSS
$custom: #a2baff;
$custom-light: #c0ceff;
$custom-dark: #000000;
JSON
{
  "hex": "#a2baff",
  "rgb": {
    "r": 162,
    "g": 186,
    "b": 255
  },
  "hsl": {
    "h": 224.516,
    "s": 100,
    "l": 81.765
  },
  "oklch": {
    "l": 0.79656,
    "c": 0.102,
    "h": 269.3
  },
  "luminance": 0.50019
}

Semantic roles & 50–950 ramp

primary
#A2BAFF
secondary
#E3C262
accent
#AA00E6
background
#FDFEFF
surface
#F9FAFF
border
#D2D3D7
text
#121318
muted
#828386

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

معاينة مع #A2BAFF

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

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

#A2BAFF — Tintiva