#CCD4FB#CCD4FB

#CCD4FB لون فاتح جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.669؛ OKLCH L 87.6% C 0.055 H 276.1°. أفضل لون لنص المتن هو #000000 بتباين 14.38:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCD4FB
RGBrgb(204, 212, 251)
HSLhsl(230, 85%, 89%)
HSVhsv(230, 19%, 98%)
CMYKcmyk(18.7%, 15.5%, 0%, 1.6%)
CIE-LABlab(85.45, 5.16, -19.94)
CIE-LCHlch(85.45, 20.60, 284.51°)
OKLaboklab(87.64% 0.0058 -0.0543)
OKLCHoklch(87.64% 0.055 276.1)
XYZxyz(65.8537, 66.8882, 100.6893)
Luminance0.6689 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCD4FB #FBF3CC
analogous
#CCECFB #CCD4FB #DCCCFB
triadic
#CCD4FB #FBCCD4 #D4FBCC
tetradic
#CCD4FB #FBCCEC #FBF3CC #CCFBDC
square
#CCD4FB #FBCCEC #FBF3CC #CCFBDC
split-complementary
#CCD4FB #FBDCCC #ECFBCC
monochromatic
#5B74F2 #93A4F7 #CCD4FB #E3E7FD #E3E7FD

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

On white

1.46
#CCD4FB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.38
#CCD4FB on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCD4FB#FFFFFF#000000##000000
##CCD4FB1.001.4614.3814.38
#FFFFFF1.461.0021.0021.00
#00000014.3821.001.001.00
##00000014.3821.001.001.00

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

Protanopia (red-blind)
#C9D7FD
Deuteranopia (green-blind)
#C7D4FA
Tritanopia (blue-blind)
#C1DBE1
Achromatopsia (no color)
#D5D5D5

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

CSS
--color: #ccd4fb;
/* rgb */ color: rgb(204, 212, 251);
/* oklch */ color: oklch(87.6% 0.055 276.1);
Tailwind
colors: {
  custom: {
    50: '#dce1fc',
    500: '#ccd4fb',
    950: '#000000',
  },
}
SCSS
$custom: #ccd4fb;
$custom-light: #dce1fc;
$custom-dark: #000000;
JSON
{
  "hex": "#ccd4fb",
  "rgb": {
    "r": 204,
    "g": 212,
    "b": 251
  },
  "hsl": {
    "h": 229.787,
    "s": 85.455,
    "l": 89.216
  },
  "oklch": {
    "l": 0.87639,
    "c": 0.05459,
    "h": 276.1
  },
  "luminance": 0.66889
}

Semantic roles & 50–950 ramp

primary
#CCD4FB
secondary
#E2D38A
accent
#BC04E2
background
#FEFEFF
surface
#FCFCFF
border
#D5D5D7
text
#151517
muted
#848485

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

معاينة مع #CCD4FB

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

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

#CCD4FB — Tintiva