#ABC5F3#ABC5F3

#ABC5F3 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.551؛ OKLCH L 82.0% C 0.071 H 261.8°. أفضل لون لنص المتن هو #000000 بتباين 12.01:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#ABC5F3
RGBrgb(171, 197, 243)
HSLhsl(218, 75%, 81%)
HSVhsv(218, 30%, 95%)
CMYKcmyk(29.6%, 18.9%, 0%, 4.7%)
CIE-LABlab(79.08, 1.56, -25.57)
CIE-LCHlch(79.08, 25.62, 273.50°)
OKLaboklab(82% -0.0102 -0.0703)
OKLCHoklch(82% 0.071 261.8)
XYZxyz(52.9339, 55.0596, 92.6152)
Luminance0.5506 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#ABC5F3 #F3D9AB
analogous
#ABE9F3 #ABC5F3 #B5ABF3
triadic
#ABC5F3 #F3ABC5 #C5F3AB
tetradic
#ABC5F3 #F3ABE9 #F3D9AB #ABF3B5
square
#ABC5F3 #F3ABE9 #F3D9AB #ABF3B5
split-complementary
#ABC5F3 #F3B5AB #E9F3AB
monochromatic
#407BE4 #75A0EB #ABC5F3 #E1EAFB #E4EDFB

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

On white

1.75
#ABC5F3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.01
#ABC5F3 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##ABC5F3#FFFFFF#000000##000000
##ABC5F31.001.7512.0112.01
#FFFFFF1.751.0021.0021.00
#00000012.0121.001.001.00
##00000012.0121.001.001.00

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

Protanopia (red-blind)
#B6C8F5
Deuteranopia (green-blind)
#AEC1F2
Tritanopia (blue-blind)
#97CED4
Achromatopsia (no color)
#C4C4C4

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

CSS
--color: #abc5f3;
/* rgb */ color: rgb(171, 197, 243);
/* oklch */ color: oklch(82.0% 0.071 261.8);
Tailwind
colors: {
  custom: {
    50: '#c5d6f7',
    500: '#abc5f3',
    950: '#000000',
  },
}
SCSS
$custom: #abc5f3;
$custom-light: #c5d6f7;
$custom-dark: #000000;
JSON
{
  "hex": "#abc5f3",
  "rgb": {
    "r": 171,
    "g": 197,
    "b": 243
  },
  "hsl": {
    "h": 218.333,
    "s": 75,
    "l": 81.176
  },
  "oklch": {
    "l": 0.81997,
    "c": 0.07108,
    "h": 261.8
  },
  "luminance": 0.55061
}

Semantic roles & 50–950 ramp

primary
#ABC5F3
secondary
#D2AF70
accent
#8F0ED7
background
#FDFEFF
surface
#F9FBFE
border
#D2D4D6
text
#131417
muted
#828385

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

معاينة مع #ABC5F3

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

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

#ABC5F3 — Tintiva