#BAC7FF#BAC7FF

#BAC7FF لون فاتح جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.585؛ OKLCH L 83.9% C 0.080 H 274.4°. أفضل لون لنص المتن هو #000000 بتباين 12.70:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAC7FF
RGBrgb(186, 199, 255)
HSLhsl(229, 100%, 86%)
HSVhsv(229, 27%, 100%)
CMYKcmyk(27.1%, 22%, 0%, 0%)
CIE-LABlab(81.02, 7.66, -28.92)
CIE-LCHlch(81.02, 29.92, 284.83°)
OKLaboklab(83.91% 0.0061 -0.0796)
OKLCHoklch(83.91% 0.08 274.4)
XYZxyz(58.7183, 58.5043, 102.7871)
Luminance0.5851 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BAC7FF #FFF2BA
analogous
#BAEAFF #BAC7FF #D0BAFF
triadic
#BAC7FF #FFBAC7 #C7FFBA
tetradic
#BAC7FF #FFBAEA #FFF2BA #BAFFD0
square
#BAC7FF #FFBAEA #FFF2BA #BAFFD0
split-complementary
#BAC7FF #FFD0BA #EAFFBA
monochromatic
#4064FF #7D95FF #BAC7FF #E0E6FF #E0E6FF

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

On white

1.65
#BAC7FF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.70
#BAC7FF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BAC7FF#FFFFFF#000000##000000
##BAC7FF1.001.6512.7012.70
#FFFFFF1.651.0021.0021.00
#00000012.7021.001.001.00
##00000012.7021.001.001.00

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

Protanopia (red-blind)
#B7CCFF
Deuteranopia (green-blind)
#B2C7FE
Tritanopia (blue-blind)
#A8D1DA
Achromatopsia (no color)
#C9C9C9

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

CSS
--color: #bac7ff;
/* rgb */ color: rgb(186, 199, 255);
/* oklch */ color: oklch(83.9% 0.080 274.4);
Tailwind
colors: {
  custom: {
    50: '#d0d7ff',
    500: '#bac7ff',
    950: '#000000',
  },
}
SCSS
$custom: #bac7ff;
$custom-light: #d0d7ff;
$custom-dark: #000000;
JSON
{
  "hex": "#bac7ff",
  "rgb": {
    "r": 186,
    "g": 199,
    "b": 255
  },
  "hsl": {
    "h": 228.696,
    "s": 100,
    "l": 86.471
  },
  "oklch": {
    "l": 0.83909,
    "c": 0.07986,
    "h": 274.4
  },
  "luminance": 0.58506
}

Semantic roles & 50–950 ramp

primary
#BAC7FF
secondary
#E7D276
accent
#BA00E6
background
#FEFEFF
surface
#FBFBFF
border
#D4D4D7
text
#141418
muted
#838386

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

معاينة مع #BAC7FF

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

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

#BAC7FF — Tintiva