#ABD4E9#ABD4E9

#ABD4E9 لون فاتح جداً وخافت من عائلة سماوي. الإضاءة النسبية 0.616؛ OKLCH L 84.8% C 0.052 H 230.4°. أفضل لون لنص المتن هو #000000 بتباين 13.33:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#ABD4E9
RGBrgb(171, 212, 233)
HSLhsl(200, 58%, 79%)
HSVhsv(200, 27%, 91%)
CMYKcmyk(26.6%, 9%, 0%, 8.6%)
CIE-LABlab(82.71, -8.73, -14.73)
CIE-LCHlch(82.71, 17.12, 239.34°)
OKLaboklab(84.75% -0.0333 -0.0402)
OKLCHoklch(84.75% 0.052 230.4)
XYZxyz(55.0417, 61.6259, 86.0699)
Luminance0.6163 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#ABD4E9 #E9C0AB
analogous
#ABE9DF #ABD4E9 #ABB5E9
triadic
#ABD4E9 #E9ABD4 #D4E9AB
tetradic
#ABD4E9 #DFABE9 #E9C0AB #B5E9AB
square
#ABD4E9 #DFABE9 #E9C0AB #B5E9AB
split-complementary
#ABD4E9 #E9ABB5 #E9DFAB
monochromatic
#4AA2D0 #7BBBDC #ABD4E9 #DBEDF6 #E7F3F9

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

On white

1.58
#ABD4E9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.33
#ABD4E9 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##ABD4E9#FFFFFF#000000##000000
##ABD4E91.001.5813.3313.33
#FFFFFF1.581.0021.0021.00
#00000013.3321.001.001.00
##00000013.3321.001.001.00

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

Protanopia (red-blind)
#CAD2EA
Deuteranopia (green-blind)
#C1CBE9
Tritanopia (blue-blind)
#98DADB
Achromatopsia (no color)
#CECECE

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

CSS
--color: #abd4e9;
/* rgb */ color: rgb(171, 212, 233);
/* oklch */ color: oklch(84.8% 0.052 230.4);
Tailwind
colors: {
  custom: {
    50: '#c5e1f0',
    500: '#abd4e9',
    950: '#000000',
  },
}
SCSS
$custom: #abd4e9;
$custom-light: #c5e1f0;
$custom-dark: #000000;
JSON
{
  "hex": "#abd4e9",
  "rgb": {
    "r": 171,
    "g": 212,
    "b": 233
  },
  "hsl": {
    "h": 200.323,
    "s": 58.491,
    "l": 79.216
  },
  "oklch": {
    "l": 0.84753,
    "c": 0.05214,
    "h": 230.4
  },
  "luminance": 0.61628
}

Semantic roles & 50–950 ramp

primary
#ABD4E9
secondary
#C58F74
accent
#581FC6
background
#FDFEFF
surface
#F9FCFE
border
#D2D5D6
text
#131516
muted
#828485

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

معاينة مع #ABD4E9

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

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

#ABD4E9 — Tintiva