#ABEBF4#ABEBF4

#ABEBF4 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.746؛ OKLCH L 90.0% C 0.065 H 206.9°. أفضل لون لنص المتن هو #000000 بتباين 15.92:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#ABEBF4
RGBrgb(171, 235, 244)
HSLhsl(187, 77%, 81%)
HSVhsv(187, 30%, 96%)
CMYKcmyk(29.9%, 3.7%, 0%, 4.3%)
CIE-LABlab(89.21, -17.93, -10.83)
CIE-LCHlch(89.21, 20.94, 211.13°)
OKLaboklab(90.01% -0.0582 -0.0296)
OKLCHoklch(90.01% 0.065 206.9)
XYZxyz(62.8267, 74.6030, 96.6598)
Luminance0.7461 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#ABEBF4 #F4B4AB
analogous
#ABF4D9 #ABEBF4 #ABC7F4
triadic
#ABEBF4 #F4ABEB #EBF4AB
tetradic
#ABEBF4 #D9ABF4 #F4B4AB #C7F4AB
square
#ABEBF4 #D9ABF4 #F4B4AB #C7F4AB
split-complementary
#ABEBF4 #F4ABC7 #F4D9AB
monochromatic
#3FD1E6 #75DEED #ABEBF4 #E1F8FB #E4F9FB

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

On white

1.32
#ABEBF4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.92
#ABEBF4 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##ABEBF4#FFFFFF#000000##000000
##ABEBF41.001.3215.9215.92
#FFFFFF1.321.0021.0021.00
#00000015.9221.001.001.00
##00000015.9221.001.001.00

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

Protanopia (red-blind)
#E1E6F5
Deuteranopia (green-blind)
#D4DCF4
Tritanopia (blue-blind)
#92F0EE
Achromatopsia (no color)
#E0E0E0

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

CSS
--color: #abebf4;
/* rgb */ color: rgb(171, 235, 244);
/* oklch */ color: oklch(90.0% 0.065 206.9);
Tailwind
colors: {
  custom: {
    50: '#c6f1f7',
    500: '#abebf4',
    950: '#000000',
  },
}
SCSS
$custom: #abebf4;
$custom-light: #c6f1f7;
$custom-dark: #000000;
JSON
{
  "hex": "#abebf4",
  "rgb": {
    "r": 171,
    "g": 235,
    "b": 244
  },
  "hsl": {
    "h": 187.397,
    "s": 76.842,
    "l": 81.373
  },
  "oklch": {
    "l": 0.90011,
    "c": 0.06529,
    "h": 206.9
  },
  "luminance": 0.74606
}

Semantic roles & 50–950 ramp

primary
#ABEBF4
secondary
#D47C6F
accent
#260CD9
background
#FDFFFF
surface
#F9FEFE
border
#D2D6D6
text
#131617
muted
#828585

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

معاينة مع #ABEBF4

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

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

#ABEBF4 — Tintiva