#ABE3F2#ABE3F2

#ABE3F2 لون فاتح جداً ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.700؛ OKLCH L 88.2% C 0.061 H 216.0°. أفضل لون لنص المتن هو #000000 بتباين 15.00:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#ABE3F2
RGBrgb(171, 227, 242)
HSLhsl(193, 73%, 81%)
HSVhsv(193, 29%, 95%)
CMYKcmyk(29.3%, 6.2%, 0%, 5.1%)
CIE-LABlab(87.00, -14.36, -13.07)
CIE-LCHlch(87.00, 19.42, 222.30°)
OKLaboklab(88.24% -0.049 -0.0357)
OKLCHoklch(88.24% 0.061 216)
XYZxyz(60.2856, 70.0040, 94.3228)
Luminance0.7001 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#ABE3F2 #F2BAAB
analogous
#ABF2DD #ABE3F2 #ABBFF2
triadic
#ABE3F2 #F2ABE3 #E3F2AB
tetradic
#ABE3F2 #DDABF2 #F2BAAB #BFF2AB
square
#ABE3F2 #DDABF2 #F2BAAB #BFF2AB
split-complementary
#ABE3F2 #F2ABBF #F2DDAB
monochromatic
#41C0E2 #76D1EA #ABE3F2 #E0F5FA #E5F6FB

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

On white

1.40
#ABE3F2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.00
#ABE3F2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##ABE3F2#FFFFFF#000000##000000
##ABE3F21.001.4015.0015.00
#FFFFFF1.401.0021.0021.00
#00000015.0021.001.001.00
##00000015.0021.001.001.00

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

Protanopia (red-blind)
#D8DFF3
Deuteranopia (green-blind)
#CDD6F2
Tritanopia (blue-blind)
#93E9E7
Achromatopsia (no color)
#DADADA

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

CSS
--color: #abe3f2;
/* rgb */ color: rgb(171, 227, 242);
/* oklch */ color: oklch(88.2% 0.061 216.0);
Tailwind
colors: {
  custom: {
    50: '#c6ebf6',
    500: '#abe3f2',
    950: '#000000',
  },
}
SCSS
$custom: #abe3f2;
$custom-light: #c6ebf6;
$custom-dark: #000000;
JSON
{
  "hex": "#abe3f2",
  "rgb": {
    "r": 171,
    "g": 227,
    "b": 242
  },
  "hsl": {
    "h": 192.676,
    "s": 73.196,
    "l": 80.98
  },
  "oklch": {
    "l": 0.88236,
    "c": 0.06064,
    "h": 216
  },
  "luminance": 0.70007
}

Semantic roles & 50–950 ramp

primary
#ABE3F2
secondary
#D18570
accent
#3A10D5
background
#FDFEFF
surface
#F9FDFE
border
#D2D5D6
text
#131617
muted
#828485

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

معاينة مع #ABE3F2

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

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

#ABE3F2 — Tintiva