#B2DFF1#B2DFF1

#B2DFF1 لون فاتح جداً وخافت من عائلة سماوي. الإضاءة النسبية 0.686؛ OKLCH L 87.8% C 0.053 H 224.2°. أفضل لون لنص المتن هو #000000 بتباين 14.72:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#B2DFF1
RGBrgb(178, 223, 241)
HSLhsl(197, 69%, 82%)
HSVhsv(197, 26%, 95%)
CMYKcmyk(26.1%, 7.5%, 0%, 5.5%)
CIE-LABlab(86.30, -10.56, -13.55)
CIE-LCHlch(86.30, 17.18, 232.07°)
OKLaboklab(87.78% -0.0379 -0.0369)
OKLCHoklch(87.78% 0.053 224.2)
XYZxyz(60.6202, 68.5887, 93.2469)
Luminance0.6859 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#B2DFF1 #F1C4B2
analogous
#B2F1E4 #B2DFF1 #B2C0F1
triadic
#B2DFF1 #F1B2DF #DFF1B2
tetradic
#B2DFF1 #E4B2F1 #F1C4B2 #C0F1B2
square
#B2DFF1 #E4B2F1 #F1C4B2 #C0F1B2
split-complementary
#B2DFF1 #F1B2C0 #F1E4B2
monochromatic
#4AB4DE #7EC9E8 #B2DFF1 #E5F4FA #E5F4FA

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

On white

1.43
#B2DFF1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.72
#B2DFF1 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##B2DFF1#FFFFFF#000000##000000
##B2DFF11.001.4314.7214.72
#FFFFFF1.431.0021.0021.00
#00000014.7221.001.001.00
##00000014.7221.001.001.00

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

Protanopia (red-blind)
#D5DCF2
Deuteranopia (green-blind)
#CBD5F1
Tritanopia (blue-blind)
#9FE5E4
Achromatopsia (no color)
#D8D8D8

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

CSS
--color: #b2dff1;
/* rgb */ color: rgb(178, 223, 241);
/* oklch */ color: oklch(87.8% 0.053 224.2);
Tailwind
colors: {
  custom: {
    50: '#cae9f5',
    500: '#b2dff1',
    950: '#000000',
  },
}
SCSS
$custom: #b2dff1;
$custom-light: #cae9f5;
$custom-dark: #000000;
JSON
{
  "hex": "#b2dff1",
  "rgb": {
    "r": 178,
    "g": 223,
    "b": 241
  },
  "hsl": {
    "h": 197.143,
    "s": 69.231,
    "l": 82.157
  },
  "oklch": {
    "l": 0.87777,
    "c": 0.05292,
    "h": 224.2
  },
  "luminance": 0.68591
}

Semantic roles & 50–950 ramp

primary
#B2DFF1
secondary
#D09177
accent
#4A14D1
background
#FEFEFF
surface
#FAFCFE
border
#D3D5D6
text
#131617
muted
#838485

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

معاينة مع #B2DFF1

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

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

#B2DFF1 — Tintiva