#BAF4DF#BAF4DF

#BAF4DF لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.805؛ OKLCH L 92.2% C 0.065 H 170.6°. أفضل لون لنص المتن هو #000000 بتباين 17.09:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAF4DF
RGBrgb(186, 244, 223)
HSLhsl(158, 73%, 84%)
HSVhsv(158, 24%, 96%)
CMYKcmyk(23.8%, 0%, 8.6%, 4.3%)
CIE-LABlab(91.89, -22.48, 4.17)
CIE-LCHlch(91.89, 22.87, 169.50°)
OKLaboklab(92.18% -0.0645 0.0107)
OKLCHoklch(92.18% 0.065 170.6)
XYZxyz(65.9157, 80.4656, 81.8561)
Luminance0.8047 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BAF4DF #F4BACF
analogous
#BAF4C2 #BAF4DF #BAECF4
triadic
#BAF4DF #DFBAF4 #F4DFBA
tetradic
#BAF4DF #C2BAF4 #F4BACF #ECF4BA
square
#BAF4DF #C2BAF4 #F4BACF #ECF4BA
split-complementary
#BAF4DF #F4BAEC #F4C2BA
monochromatic
#50E3AE #85ECC7 #BAF4DF #E5FBF3 #E5FBF3

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

On white

1.23
#BAF4DF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.09
#BAF4DF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BAF4DF#FFFFFF#000000##000000
##BAF4DF1.001.2317.0917.09
#FFFFFF1.231.0021.0021.00
#00000017.0921.001.001.00
##00000017.0921.001.001.00

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

Protanopia (red-blind)
#F1ECDE
Deuteranopia (green-blind)
#E6E5E0
Tritanopia (blue-blind)
#ACF5EE
Achromatopsia (no color)
#E8E8E8

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

CSS
--color: #baf4df;
/* rgb */ color: rgb(186, 244, 223);
/* oklch */ color: oklch(92.2% 0.065 170.6);
Tailwind
colors: {
  custom: {
    50: '#cff8e9',
    500: '#baf4df',
    950: '#000000',
  },
}
SCSS
$custom: #baf4df;
$custom-light: #cff8e9;
$custom-dark: #000000;
JSON
{
  "hex": "#baf4df",
  "rgb": {
    "r": 186,
    "g": 244,
    "b": 223
  },
  "hsl": {
    "h": 158.276,
    "s": 72.5,
    "l": 84.314
  },
  "oklch": {
    "l": 0.92184,
    "c": 0.06538,
    "h": 170.6
  },
  "luminance": 0.80468
}

Semantic roles & 50–950 ramp

primary
#BAF4DF
secondary
#D57E9D
accent
#1158D5
background
#FEFFFE
surface
#FBFFFC
border
#D4D7D5
text
#141716
muted
#838584

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

معاينة مع #BAF4DF

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

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

#BAF4DF — Tintiva