#BAD5FD#BAD5FD

#BAD5FD لون فاتح جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.651؛ OKLCH L 86.6% C 0.063 H 258.1°. أفضل لون لنص المتن هو #000000 بتباين 14.02:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAD5FD
RGBrgb(186, 213, 253)
HSLhsl(216, 94%, 86%)
HSVhsv(216, 26%, 99%)
CMYKcmyk(26.5%, 15.8%, 0%, 0.8%)
CIE-LABlab(84.54, -0.29, -22.48)
CIE-LCHlch(84.54, 22.49, 269.26°)
OKLaboklab(86.64% -0.013 -0.0616)
OKLCHoklch(86.64% 0.063 258.1)
XYZxyz(61.7686, 65.1174, 102.2239)
Luminance0.6512 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BAD5FD #FDE2BA
analogous
#BAF6FD #BAD5FD #C0BAFD
triadic
#BAD5FD #FDBAD5 #D5FDBA
tetradic
#BAD5FD #FDBAF6 #FDE2BA #BAFDC0
square
#BAD5FD #FDBAF6 #FDE2BA #BAFDC0
split-complementary
#BAD5FD #FDC0BA #F6FDBA
monochromatic
#438DFA #7FB1FB #BAD5FD #E1EDFE #E1EDFE

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

On white

1.50
#BAD5FD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.02
#BAD5FD on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BAD5FD#FFFFFF#000000##000000
##BAD5FD1.001.5014.0214.02
#FFFFFF1.501.0021.0021.00
#00000014.0221.001.001.00
##00000014.0221.001.001.00

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

Protanopia (red-blind)
#C7D7FF
Deuteranopia (green-blind)
#C0D0FC
Tritanopia (blue-blind)
#A8DDE2
Achromatopsia (no color)
#D3D3D3

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

CSS
--color: #bad5fd;
/* rgb */ color: rgb(186, 213, 253);
/* oklch */ color: oklch(86.6% 0.063 258.1);
Tailwind
colors: {
  custom: {
    50: '#d0e1fe',
    500: '#bad5fd',
    950: '#000000',
  },
}
SCSS
$custom: #bad5fd;
$custom-light: #d0e1fe;
$custom-dark: #000000;
JSON
{
  "hex": "#bad5fd",
  "rgb": {
    "r": 186,
    "g": 213,
    "b": 253
  },
  "hsl": {
    "h": 215.821,
    "s": 94.366,
    "l": 86.078
  },
  "oklch": {
    "l": 0.86644,
    "c": 0.06293,
    "h": 258.1
  },
  "luminance": 0.65119
}

Semantic roles & 50–950 ramp

primary
#BAD5FD
secondary
#E3B878
accent
#8900E6
background
#FEFEFF
surface
#FBFCFF
border
#D4D5D7
text
#141517
muted
#838485

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

معاينة مع #BAD5FD

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

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

#BAD5FD — Tintiva