#BAD5E2#BAD5E2

#BAD5E2 لون فاتح جداً وخافت من عائلة سماوي. الإضاءة النسبية 0.635؛ OKLCH L 85.7% C 0.034 H 228.4°. أفضل لون لنص المتن هو #000000 بتباين 13.70:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAD5E2
RGBrgb(186, 213, 226)
HSLhsl(200, 41%, 81%)
HSVhsv(200, 18%, 89%)
CMYKcmyk(17.7%, 5.8%, 0%, 11.4%)
CIE-LABlab(83.71, -6.27, -9.41)
CIE-LCHlch(83.71, 11.31, 236.34°)
OKLaboklab(85.72% -0.0226 -0.0255)
OKLCHoklch(85.72% 0.034 228.4)
XYZxyz(57.7678, 63.5171, 81.1532)
Luminance0.6352 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BAD5E2 #E2C7BA
analogous
#BAE2DB #BAD5E2 #BAC1E2
triadic
#BAD5E2 #E2BAD5 #D5E2BA
tetradic
#BAD5E2 #DBBAE2 #E2C7BA #C1E2BA
square
#BAD5E2 #DBBAE2 #E2C7BA #C1E2BA
split-complementary
#BAD5E2 #E2BAC1 #E2DBBA
monochromatic
#64A1BE #8FBBD0 #BAD5E2 #E5EFF4 #E9F2F6

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

On white

1.53
#BAD5E2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.70
#BAD5E2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BAD5E2#FFFFFF#000000##000000
##BAD5E21.001.5313.7013.70
#FFFFFF1.531.0021.0021.00
#00000013.7021.001.001.00
##00000013.7021.001.001.00

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

Protanopia (red-blind)
#CED3E3
Deuteranopia (green-blind)
#C8CFE2
Tritanopia (blue-blind)
#AFD9D9
Achromatopsia (no color)
#D1D1D1

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

CSS
--color: #bad5e2;
/* rgb */ color: rgb(186, 213, 226);
/* oklch */ color: oklch(85.7% 0.034 228.4);
Tailwind
colors: {
  custom: {
    50: '#cfe1eb',
    500: '#bad5e2',
    950: '#000000',
  },
}
SCSS
$custom: #bad5e2;
$custom-light: #cfe1eb;
$custom-dark: #000000;
JSON
{
  "hex": "#bad5e2",
  "rgb": {
    "r": 186,
    "g": 213,
    "b": 226
  },
  "hsl": {
    "h": 199.5,
    "s": 40.816,
    "l": 80.784
  },
  "oklch": {
    "l": 0.85715,
    "c": 0.03409,
    "h": 228.4
  },
  "luminance": 0.63519
}

Semantic roles & 50–950 ramp

primary
#BAD5E2
secondary
#BB9785
accent
#5C32B4
background
#FEFEFE
surface
#FBFCFD
border
#D4D5D5
text
#141516
muted
#838484

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

معاينة مع #BAD5E2

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

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

#BAD5E2 — Tintiva