#BAFFF7#BAFFF7

#BAFFF7 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.887؛ OKLCH L 95.2% C 0.069 H 187.1°. أفضل لون لنص المتن هو #000000 بتباين 18.74:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAFFF7
RGBrgb(186, 255, 247)
HSLhsl(173, 100%, 86%)
HSVhsv(173, 27%, 100%)
CMYKcmyk(27.1%, 0%, 3.1%, 0%)
CIE-LABlab(95.44, -22.90, -3.07)
CIE-LCHlch(95.44, 23.10, 187.65°)
OKLaboklab(95.22% -0.0687 -0.0086)
OKLCHoklch(95.22% 0.069 187.1)
XYZxyz(72.7928, 88.6710, 101.2574)
Luminance0.8868 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BAFFF7 #FFBAC2
analogous
#BAFFD5 #BAFFF7 #BAE5FF
triadic
#BAFFF7 #F7BAFF #FFF7BA
tetradic
#BAFFF7 #D5BAFF #FFBAC2 #E5FFBA
square
#BAFFF7 #D5BAFF #FFBAC2 #E5FFBA
split-complementary
#BAFFF7 #FFBAE5 #FFD5BA
monochromatic
#40FFE9 #7DFFF0 #BAFFF7 #E0FFFB #E0FFFB

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

On white

1.12
#BAFFF7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.74
#BAFFF7 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BAFFF7#FFFFFF#000000##000000
##BAFFF71.001.1218.7418.74
#FFFFFF1.121.0021.0021.00
#00000018.7421.001.001.00
##00000018.7421.001.001.00

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

Protanopia (red-blind)
#F8F8F7
Deuteranopia (green-blind)
#EBEEF8
Tritanopia (blue-blind)
#A4FFFC
Achromatopsia (no color)
#F2F2F2

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

CSS
--color: #bafff7;
/* rgb */ color: rgb(186, 255, 247);
/* oklch */ color: oklch(95.2% 0.069 187.1);
Tailwind
colors: {
  custom: {
    50: '#d0fff9',
    500: '#bafff7',
    950: '#000000',
  },
}
SCSS
$custom: #bafff7;
$custom-light: #d0fff9;
$custom-dark: #000000;
JSON
{
  "hex": "#bafff7",
  "rgb": {
    "r": 186,
    "g": 255,
    "b": 247
  },
  "hsl": {
    "h": 173.043,
    "s": 100,
    "l": 86.471
  },
  "oklch": {
    "l": 0.95217,
    "c": 0.0692,
    "h": 187.1
  },
  "luminance": 0.88675
}

Semantic roles & 50–950 ramp

primary
#BAFFF7
secondary
#E77683
accent
#001BE6
background
#FEFFFF
surface
#FBFFFF
border
#D4D7D7
text
#141817
muted
#838685

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

معاينة مع #BAFFF7

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

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

#BAFFF7 — Tintiva