#CCD7EC#CCD7EC

#CCD7EC لون فاتح جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.675؛ OKLCH L 87.7% C 0.031 H 263.5°. أفضل لون لنص المتن هو #000000 بتباين 14.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCD7EC
RGBrgb(204, 215, 236)
HSLhsl(219, 46%, 86%)
HSVhsv(219, 14%, 93%)
CMYKcmyk(13.6%, 8.9%, 0%, 7.5%)
CIE-LABlab(85.75, 0.43, -11.55)
CIE-LCHlch(85.75, 11.56, 272.13°)
OKLaboklab(87.73% -0.0035 -0.0312)
OKLCHoklch(87.73% 0.031 263.5)
XYZxyz(64.3391, 67.4934, 88.9785)
Luminance0.6749 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCD7EC #ECE1CC
analogous
#CCE7EC #CCD7EC #D1CCEC
triadic
#CCD7EC #ECCCD7 #D7ECCC
tetradic
#CCD7EC #ECCCE7 #ECE1CC #CCECD1
square
#CCD7EC #ECCCE7 #ECE1CC #CCECD1
split-complementary
#CCD7EC #ECD1CC #E7ECCC
monochromatic
#7391CB #9FB4DB #CCD7EC #E9EEF7 #E9EEF7

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

On white

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

On black

14.50
#CCD7EC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCD7EC#FFFFFF#000000##000000
##CCD7EC1.001.4514.5014.50
#FFFFFF1.451.0021.0021.00
#00000014.5021.001.001.00
##00000014.5021.001.001.00

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

Protanopia (red-blind)
#D1D8ED
Deuteranopia (green-blind)
#CED5EB
Tritanopia (blue-blind)
#C5DBDE
Achromatopsia (no color)
#D6D6D6

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

CSS
--color: #ccd7ec;
/* rgb */ color: rgb(204, 215, 236);
/* oklch */ color: oklch(87.7% 0.031 263.5);
Tailwind
colors: {
  custom: {
    50: '#dbe3f2',
    500: '#ccd7ec',
    950: '#000000',
  },
}
SCSS
$custom: #ccd7ec;
$custom-light: #dbe3f2;
$custom-dark: #000000;
JSON
{
  "hex": "#ccd7ec",
  "rgb": {
    "r": 204,
    "g": 215,
    "b": 236
  },
  "hsl": {
    "h": 219.375,
    "s": 45.714,
    "l": 86.275
  },
  "oklch": {
    "l": 0.87726,
    "c": 0.03137,
    "h": 263.5
  },
  "luminance": 0.67494
}

Semantic roles & 50–950 ramp

primary
#CCD7EC
secondary
#C8B694
accent
#892DB9
background
#FEFEFF
surface
#FCFCFE
border
#D5D5D6
text
#151516
muted
#848485

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

معاينة مع #CCD7EC

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

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

#CCD7EC — Tintiva