#CCD5FB#CCD5FB

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

قيم اللون

HEX#CCD5FB
RGBrgb(204, 213, 251)
HSLhsl(229, 85%, 89%)
HSVhsv(229, 19%, 98%)
CMYKcmyk(18.7%, 15.1%, 0%, 1.6%)
CIE-LABlab(85.70, 4.63, -19.56)
CIE-LCHlch(85.70, 20.10, 283.33°)
OKLaboklab(87.84% 0.0044 -0.0532)
OKLCHoklch(87.84% 0.053 274.8)
XYZxyz(66.1045, 67.3897, 100.7728)
Luminance0.6739 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCD5FB #FBF2CC
analogous
#CCEDFB #CCD5FB #DBCCFB
triadic
#CCD5FB #FBCCD5 #D5FBCC
tetradic
#CCD5FB #FBCCED #FBF2CC #CCFBDB
square
#CCD5FB #FBCCED #FBF2CC #CCFBDB
split-complementary
#CCD5FB #FBDBCC #EDFBCC
monochromatic
#5B78F2 #93A6F7 #CCD5FB #E3E8FD #E3E8FD

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

On white

1.45
#CCD5FB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.48
#CCD5FB on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCD5FB#FFFFFF#000000##000000
##CCD5FB1.001.4514.4814.48
#FFFFFF1.451.0021.0021.00
#00000014.4821.001.001.00
##00000014.4821.001.001.00

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

Protanopia (red-blind)
#CBD8FD
Deuteranopia (green-blind)
#C8D5FA
Tritanopia (blue-blind)
#C1DCE1
Achromatopsia (no color)
#D6D6D6

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

CSS
--color: #ccd5fb;
/* rgb */ color: rgb(204, 213, 251);
/* oklch */ color: oklch(87.8% 0.053 274.8);
Tailwind
colors: {
  custom: {
    50: '#dce1fc',
    500: '#ccd5fb',
    950: '#000000',
  },
}
SCSS
$custom: #ccd5fb;
$custom-light: #dce1fc;
$custom-dark: #000000;
JSON
{
  "hex": "#ccd5fb",
  "rgb": {
    "r": 204,
    "g": 213,
    "b": 251
  },
  "hsl": {
    "h": 228.511,
    "s": 85.455,
    "l": 89.216
  },
  "oklch": {
    "l": 0.87836,
    "c": 0.05341,
    "h": 274.8
  },
  "luminance": 0.67391
}

Semantic roles & 50–950 ramp

primary
#CCD5FB
secondary
#E2D18A
accent
#B704E2
background
#FEFEFF
surface
#FCFCFF
border
#D5D5D7
text
#151517
muted
#848485

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

معاينة مع #CCD5FB

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

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

#CCD5FB — Tintiva