#ABCCF3#ABCCF3

#ABCCF3 لون فاتح جداً ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.583؛ OKLCH L 83.4% C 0.065 H 252.8°. أفضل لون لنص المتن هو #000000 بتباين 12.66:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#ABCCF3
RGBrgb(171, 204, 243)
HSLhsl(213, 75%, 81%)
HSVhsv(213, 30%, 95%)
CMYKcmyk(29.6%, 16%, 0%, 4.7%)
CIE-LABlab(80.91, -2.18, -22.78)
CIE-LCHlch(80.91, 22.88, 264.53°)
OKLaboklab(83.44% -0.0193 -0.0625)
OKLCHoklch(83.44% 0.065 252.8)
XYZxyz(54.5604, 58.3126, 93.1573)
Luminance0.5831 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#ABCCF3 #F3D2AB
analogous
#ABF0F3 #ABCCF3 #AEABF3
triadic
#ABCCF3 #F3ABCC #CCF3AB
tetradic
#ABCCF3 #F3ABF0 #F3D2AB #ABF3AE
square
#ABCCF3 #F3ABF0 #F3D2AB #ABF3AE
split-complementary
#ABCCF3 #F3AEAB #F0F3AB
monochromatic
#408BE4 #75ABEB #ABCCF3 #E1EDFB #E4EFFB

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

On white

1.66
#ABCCF3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.66
#ABCCF3 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##ABCCF3#FFFFFF#000000##000000
##ABCCF31.001.6612.6612.66
#FFFFFF1.661.0021.0021.00
#00000012.6621.001.001.00
##00000012.6621.001.001.00

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

Protanopia (red-blind)
#BECDF5
Deuteranopia (green-blind)
#B6C6F2
Tritanopia (blue-blind)
#96D5D9
Achromatopsia (no color)
#C9C9C9

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

CSS
--color: #abccf3;
/* rgb */ color: rgb(171, 204, 243);
/* oklch */ color: oklch(83.4% 0.065 252.8);
Tailwind
colors: {
  custom: {
    50: '#c5dbf7',
    500: '#abccf3',
    950: '#000000',
  },
}
SCSS
$custom: #abccf3;
$custom-light: #c5dbf7;
$custom-dark: #000000;
JSON
{
  "hex": "#abccf3",
  "rgb": {
    "r": 171,
    "g": 204,
    "b": 243
  },
  "hsl": {
    "h": 212.5,
    "s": 75,
    "l": 81.176
  },
  "oklch": {
    "l": 0.83438,
    "c": 0.06543,
    "h": 252.8
  },
  "luminance": 0.58315
}

Semantic roles & 50–950 ramp

primary
#ABCCF3
secondary
#D2A570
accent
#7B0ED7
background
#FDFEFF
surface
#F9FBFE
border
#D2D4D6
text
#131517
muted
#828485

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

معاينة مع #ABCCF3

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

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

#ABCCF3 — Tintiva