#BAC5FF#BAC5FF

#BAC5FF لون فاتح جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.576؛ OKLCH L 83.5% C 0.082 H 276.1°. أفضل لون لنص المتن هو #000000 بتباين 12.52:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAC5FF
RGBrgb(186, 197, 255)
HSLhsl(230, 100%, 86%)
HSVhsv(230, 27%, 100%)
CMYKcmyk(27.1%, 22.7%, 0%, 0%)
CIE-LABlab(80.51, 8.74, -29.70)
CIE-LCHlch(80.51, 30.96, 286.40°)
OKLaboklab(83.51% 0.0088 -0.0818)
OKLCHoklch(83.51% 0.082 276.1)
XYZxyz(58.2611, 57.5900, 102.6347)
Luminance0.5759 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BAC5FF #FFF4BA
analogous
#BAE8FF #BAC5FF #D2BAFF
triadic
#BAC5FF #FFBAC5 #C5FFBA
tetradic
#BAC5FF #FFBAE8 #FFF4BA #BAFFD2
square
#BAC5FF #FFBAE8 #FFF4BA #BAFFD2
split-complementary
#BAC5FF #FFD2BA #E8FFBA
monochromatic
#405EFF #7D92FF #BAC5FF #E0E5FF #E0E5FF

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

On white

1.68
#BAC5FF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.52
#BAC5FF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BAC5FF#FFFFFF#000000##000000
##BAC5FF1.001.6812.5212.52
#FFFFFF1.681.0021.0021.00
#00000012.5221.001.001.00
##00000012.5221.001.001.00

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

Protanopia (red-blind)
#B4CBFF
Deuteranopia (green-blind)
#B0C5FE
Tritanopia (blue-blind)
#A9D0D9
Achromatopsia (no color)
#C8C8C8

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

CSS
--color: #bac5ff;
/* rgb */ color: rgb(186, 197, 255);
/* oklch */ color: oklch(83.5% 0.082 276.1);
Tailwind
colors: {
  custom: {
    50: '#d0d6ff',
    500: '#bac5ff',
    950: '#000000',
  },
}
SCSS
$custom: #bac5ff;
$custom-light: #d0d6ff;
$custom-dark: #000000;
JSON
{
  "hex": "#bac5ff",
  "rgb": {
    "r": 186,
    "g": 197,
    "b": 255
  },
  "hsl": {
    "h": 230.435,
    "s": 100,
    "l": 86.471
  },
  "oklch": {
    "l": 0.83514,
    "c": 0.08229,
    "h": 276.1
  },
  "luminance": 0.57592
}

Semantic roles & 50–950 ramp

primary
#BAC5FF
secondary
#E7D576
accent
#C100E6
background
#FEFEFF
surface
#FBFBFF
border
#D4D4D7
text
#141418
muted
#838386

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

معاينة مع #BAC5FF

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

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

#BAC5FF — Tintiva