#A2B5FC#A2B5FC

#A2B5FC لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.478؛ OKLCH L 78.5% C 0.104 H 272.3°. أفضل لون لنص المتن هو #000000 بتباين 10.55:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#A2B5FC
RGBrgb(162, 181, 252)
HSLhsl(227, 94%, 81%)
HSVhsv(227, 36%, 99%)
CMYKcmyk(35.7%, 28.2%, 0%, 1.2%)
CIE-LABlab(74.67, 10.07, -37.24)
CIE-LCHlch(74.67, 38.58, 285.13°)
OKLaboklab(78.52% 0.0042 -0.1036)
OKLCHoklch(78.52% 0.104 272.3)
XYZxyz(48.9897, 47.7554, 98.7130)
Luminance0.4776 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#A2B5FC #FCE9A2
analogous
#A2E2FC #A2B5FC #BCA2FC
triadic
#A2B5FC #FCA2B5 #B5FCA2
tetradic
#A2B5FC #FCA2E2 #FCE9A2 #A2FCBC
square
#A2B5FC #FCA2E2 #FCE9A2 #A2FCBC
split-complementary
#A2B5FC #FCBCA2 #E2FCA2
monochromatic
#2B57F8 #6786FA #A2B5FC #DDE4FE #E1E7FE

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

On white

1.99
#A2B5FC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.55
#A2B5FC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##A2B5FC#FFFFFF#000000##000000
##A2B5FC1.001.9910.5510.55
#FFFFFF1.991.0021.0021.00
#00000010.5521.001.001.00
##00000010.5521.001.001.00

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

Protanopia (red-blind)
#9EBCFF
Deuteranopia (green-blind)
#97B4FA
Tritanopia (blue-blind)
#87C3CE
Achromatopsia (no color)
#B8B8B8

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

CSS
--color: #a2b5fc;
/* rgb */ color: rgb(162, 181, 252);
/* oklch */ color: oklch(78.5% 0.104 272.3);
Tailwind
colors: {
  custom: {
    50: '#c0cbfd',
    500: '#a2b5fc',
    950: '#000000',
  },
}
SCSS
$custom: #a2b5fc;
$custom-light: #c0cbfd;
$custom-dark: #000000;
JSON
{
  "hex": "#a2b5fc",
  "rgb": {
    "r": 162,
    "g": 181,
    "b": 252
  },
  "hsl": {
    "h": 227.333,
    "s": 93.75,
    "l": 81.176
  },
  "oklch": {
    "l": 0.78521,
    "c": 0.10372,
    "h": 272.3
  },
  "luminance": 0.47757
}

Semantic roles & 50–950 ramp

primary
#A2B5FC
secondary
#F6EFD5
accent
#B500E6
background
#FCFCFF
surface
#F8F8FF
border
#D1D1D7
text
#121317
muted
#818285

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

معاينة مع #A2B5FC

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

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

#A2B5FC — Tintiva