#CCD2F5#CCD2F5

#CCD2F5 لون فاتح جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.655؛ OKLCH L 87.0% C 0.049 H 277.7°. أفضل لون لنص المتن هو #000000 بتباين 14.10:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCD2F5
RGBrgb(204, 210, 245)
HSLhsl(231, 67%, 88%)
HSVhsv(231, 17%, 96%)
CMYKcmyk(16.7%, 14.3%, 0%, 3.9%)
CIE-LABlab(84.75, 4.94, -17.82)
CIE-LCHlch(84.75, 18.49, 285.50°)
OKLaboklab(87.03% 0.0065 -0.0484)
OKLCHoklch(87.03% 0.049 277.7)
XYZxyz(64.4260, 65.5222, 95.6213)
Luminance0.6552 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCD2F5 #F5EFCC
analogous
#CCE6F5 #CCD2F5 #DACCF5
triadic
#CCD2F5 #F5CCD2 #D2F5CC
tetradic
#CCD2F5 #F5CCE6 #F5EFCC #CCF5DA
square
#CCD2F5 #F5CCE6 #F5EFCC #CCF5DA
split-complementary
#CCD2F5 #F5DACC #E6F5CC
monochromatic
#6678E1 #99A5EB #CCD2F5 #E5E8FA #E5E8FA

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

On white

1.49
#CCD2F5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.10
#CCD2F5 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCD2F5#FFFFFF#000000##000000
##CCD2F51.001.4914.1014.10
#FFFFFF1.491.0021.0021.00
#00000014.1021.001.001.00
##00000014.1021.001.001.00

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

Protanopia (red-blind)
#C9D5F7
Deuteranopia (green-blind)
#C7D2F4
Tritanopia (blue-blind)
#C3D8DD
Achromatopsia (no color)
#D4D4D4

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

CSS
--color: #ccd2f5;
/* rgb */ color: rgb(204, 210, 245);
/* oklch */ color: oklch(87.0% 0.049 277.7);
Tailwind
colors: {
  custom: {
    50: '#dcdff8',
    500: '#ccd2f5',
    950: '#000000',
  },
}
SCSS
$custom: #ccd2f5;
$custom-light: #dcdff8;
$custom-dark: #000000;
JSON
{
  "hex": "#ccd2f5",
  "rgb": {
    "r": 204,
    "g": 210,
    "b": 245
  },
  "hsl": {
    "h": 231.22,
    "s": 67.213,
    "l": 88.039
  },
  "oklch": {
    "l": 0.87032,
    "c": 0.04881,
    "h": 277.7
  },
  "luminance": 0.65523
}

Semantic roles & 50–950 ramp

primary
#CCD2F5
secondary
#D7CC8F
accent
#B416CF
background
#FEFEFF
surface
#FCFCFF
border
#D5D5D7
text
#151517
muted
#848485

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

معاينة مع #CCD2F5

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

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

#CCD2F5 — Tintiva