#A2BCFC#A2BCFC

#A2BCFC لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.507؛ OKLCH L 79.9% C 0.096 H 267.2°. أفضل لون لنص المتن هو #000000 بتباين 11.14:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#A2BCFC
RGBrgb(162, 188, 252)
HSLhsl(223, 94%, 81%)
HSVhsv(223, 36%, 99%)
CMYKcmyk(35.7%, 25.4%, 0%, 1.2%)
CIE-LABlab(76.48, 6.21, -34.44)
CIE-LCHlch(76.48, 34.99, 280.22°)
OKLaboklab(79.93% -0.0047 -0.0956)
OKLCHoklch(79.93% 0.096 267.2)
XYZxyz(50.4490, 50.6739, 99.1995)
Luminance0.5068 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#A2BCFC #FCE2A2
analogous
#A2E9FC #A2BCFC #B5A2FC
triadic
#A2BCFC #FCA2BC #BCFCA2
tetradic
#A2BCFC #FCA2E9 #FCE2A2 #A2FCB5
square
#A2BCFC #FCA2E9 #FCE2A2 #A2FCB5
split-complementary
#A2BCFC #FCB5A2 #E9FCA2
monochromatic
#2B67F8 #6791FA #A2BCFC #DDE7FE #E1EAFE

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

On white

1.89
#A2BCFC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.14
#A2BCFC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##A2BCFC#FFFFFF#000000##000000
##A2BCFC1.001.8911.1411.14
#FFFFFF1.891.0021.0021.00
#00000011.1421.001.001.00
##00000011.1421.001.001.00

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

Protanopia (red-blind)
#A7C1FF
Deuteranopia (green-blind)
#9EB9FB
Tritanopia (blue-blind)
#87C9D2
Achromatopsia (no color)
#BDBDBD

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

CSS
--color: #a2bcfc;
/* rgb */ color: rgb(162, 188, 252);
/* oklch */ color: oklch(79.9% 0.096 267.2);
Tailwind
colors: {
  custom: {
    50: '#c0d0fd',
    500: '#a2bcfc',
    950: '#000000',
  },
}
SCSS
$custom: #a2bcfc;
$custom-light: #c0d0fd;
$custom-dark: #000000;
JSON
{
  "hex": "#a2bcfc",
  "rgb": {
    "r": 162,
    "g": 188,
    "b": 252
  },
  "hsl": {
    "h": 222.667,
    "s": 93.75,
    "l": 81.176
  },
  "oklch": {
    "l": 0.7993,
    "c": 0.09572,
    "h": 267.2
  },
  "luminance": 0.50676
}

Semantic roles & 50–950 ramp

primary
#A2BCFC
secondary
#DFBB63
accent
#A300E6
background
#FDFEFF
surface
#F9FBFF
border
#D2D4D7
text
#121317
muted
#828385

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

معاينة مع #A2BCFC

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

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

#A2BCFC — Tintiva