#BAF2DC#BAF2DC

#BAF2DC لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.791؛ OKLCH L 91.7% C 0.064 H 168.8°. أفضل لون لنص المتن هو #000000 بتباين 16.82:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAF2DC
RGBrgb(186, 242, 220)
HSLhsl(156, 68%, 84%)
HSVhsv(156, 23%, 95%)
CMYKcmyk(23.1%, 0%, 9.1%, 5.1%)
CIE-LABlab(91.28, -22.10, 4.84)
CIE-LCHlch(91.28, 22.63, 167.64°)
OKLaboklab(91.67% -0.0632 0.0125)
OKLCHoklch(91.67% 0.064 168.8)
XYZxyz(64.9163, 79.1082, 79.5453)
Luminance0.7911 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BAF2DC #F2BAD0
analogous
#BAF2C0 #BAF2DC #BAECF2
triadic
#BAF2DC #DCBAF2 #F2DCBA
tetradic
#BAF2DC #C0BAF2 #F2BAD0 #ECF2BA
square
#BAF2DC #C0BAF2 #F2BAD0 #ECF2BA
split-complementary
#BAF2DC #F2BAEC #F2C0BA
monochromatic
#53DFA8 #87E8C2 #BAF2DC #E5FAF2 #E5FAF2

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

On white

1.25
#BAF2DC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.82
#BAF2DC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BAF2DC#FFFFFF#000000##000000
##BAF2DC1.001.2516.8216.82
#FFFFFF1.251.0021.0021.00
#00000016.8221.001.001.00
##00000016.8221.001.001.00

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

Protanopia (red-blind)
#EFEADB
Deuteranopia (green-blind)
#E5E3DD
Tritanopia (blue-blind)
#ADF3EB
Achromatopsia (no color)
#E6E6E6

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

CSS
--color: #baf2dc;
/* rgb */ color: rgb(186, 242, 220);
/* oklch */ color: oklch(91.7% 0.064 168.8);
Tailwind
colors: {
  custom: {
    50: '#cff6e6',
    500: '#baf2dc',
    950: '#000000',
  },
}
SCSS
$custom: #baf2dc;
$custom-light: #cff6e6;
$custom-dark: #000000;
JSON
{
  "hex": "#baf2dc",
  "rgb": {
    "r": 186,
    "g": 242,
    "b": 220
  },
  "hsl": {
    "h": 156.429,
    "s": 68.293,
    "l": 83.922
  },
  "oklch": {
    "l": 0.91673,
    "c": 0.06438,
    "h": 168.8
  },
  "luminance": 0.79111
}

Semantic roles & 50–950 ramp

primary
#BAF2DC
secondary
#D27F9F
accent
#155FD0
background
#FEFFFE
surface
#FBFEFC
border
#D4D6D5
text
#141716
muted
#838584

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

معاينة مع #BAF2DC

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

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

#BAF2DC — Tintiva