#BADDF0#BADDF0

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

قيم اللون

HEX#BADDF0
RGBrgb(186, 221, 240)
HSLhsl(201, 64%, 84%)
HSVhsv(201, 23%, 94%)
CMYKcmyk(22.5%, 7.9%, 0%, 5.9%)
CIE-LABlab(86.23, -7.40, -13.08)
CIE-LCHlch(86.23, 15.03, 240.51°)
OKLaboklab(87.83% -0.0281 -0.0355)
OKLCHoklch(87.83% 0.045 231.7)
XYZxyz(61.8299, 68.4412, 92.3739)
Luminance0.6844 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BADDF0 #F0CDBA
analogous
#BAF0E8 #BADDF0 #BAC2F0
triadic
#BADDF0 #F0BADD #DDF0BA
tetradic
#BADDF0 #E8BAF0 #F0CDBA #C2F0BA
square
#BADDF0 #E8BAF0 #F0CDBA #C2F0BA
split-complementary
#BADDF0 #F0BAC2 #F0E8BA
monochromatic
#55ABDA #88C4E5 #BADDF0 #E6F3FA #E6F3FA

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

On white

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

On black

14.69
#BADDF0 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BADDF0#FFFFFF#000000##000000
##BADDF01.001.4314.6914.69
#FFFFFF1.431.0021.0021.00
#00000014.6921.001.001.00
##00000014.6921.001.001.00

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

Protanopia (red-blind)
#D4DBF1
Deuteranopia (green-blind)
#CCD5F0
Tritanopia (blue-blind)
#ABE2E3
Achromatopsia (no color)
#D8D8D8

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

CSS
--color: #baddf0;
/* rgb */ color: rgb(186, 221, 240);
/* oklch */ color: oklch(87.8% 0.045 231.7);
Tailwind
colors: {
  custom: {
    50: '#cfe7f5',
    500: '#baddf0',
    950: '#000000',
  },
}
SCSS
$custom: #baddf0;
$custom-light: #cfe7f5;
$custom-dark: #000000;
JSON
{
  "hex": "#baddf0",
  "rgb": {
    "r": 186,
    "g": 221,
    "b": 240
  },
  "hsl": {
    "h": 201.111,
    "s": 64.286,
    "l": 83.529
  },
  "oklch": {
    "l": 0.87834,
    "c": 0.0453,
    "h": 231.7
  },
  "luminance": 0.68443
}

Semantic roles & 50–950 ramp

primary
#BADDF0
secondary
#CF9B80
accent
#5819CC
background
#FEFEFF
surface
#FBFCFE
border
#D4D5D6
text
#141617
muted
#838485

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

معاينة مع #BADDF0

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

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

#BADDF0 — Tintiva