#CCD2E5#CCD2E5

#CCD2E5 لون فاتح جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.646؛ OKLCH L 86.5% C 0.027 H 271.8°. أفضل لون لنص المتن هو #000000 بتباين 13.92:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCD2E5
RGBrgb(204, 210, 229)
HSLhsl(226, 32%, 85%)
HSVhsv(226, 11%, 90%)
CMYKcmyk(10.9%, 8.3%, 0%, 10.2%)
CIE-LABlab(84.27, 1.64, -10.05)
CIE-LCHlch(84.27, 10.18, 279.26°)
OKLaboklab(86.5% 0.0009 -0.027)
OKLCHoklch(86.5% 0.027 271.8)
XYZxyz(62.0883, 64.5871, 83.3090)
Luminance0.6459 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCD2E5 #E5DFCC
analogous
#CCDFE5 #CCD2E5 #D3CCE5
triadic
#CCD2E5 #E5CCD2 #D2E5CC
tetradic
#CCD2E5 #E5CCDF #E5DFCC #CCE5D3
square
#CCD2E5 #E5CCDF #E5DFCC #CCE5D3
split-complementary
#CCD2E5 #E5D3CC #DFE5CC
monochromatic
#7B8ABC #A3AED0 #CCD2E5 #EBEDF5 #EBEDF5

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

On white

1.51
#CCD2E5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.92
#CCD2E5 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCD2E5#FFFFFF#000000##000000
##CCD2E51.001.5113.9213.92
#FFFFFF1.511.0021.0021.00
#00000013.9221.001.001.00
##00000013.9221.001.001.00

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

Protanopia (red-blind)
#CDD3E6
Deuteranopia (green-blind)
#CBD1E5
Tritanopia (blue-blind)
#C7D5D8
Achromatopsia (no color)
#D2D2D2

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

CSS
--color: #ccd2e5;
/* rgb */ color: rgb(204, 210, 229);
/* oklch */ color: oklch(86.5% 0.027 271.8);
Tailwind
colors: {
  custom: {
    50: '#dbdfed',
    500: '#ccd2e5',
    950: '#000000',
  },
}
SCSS
$custom: #ccd2e5;
$custom-light: #dbdfed;
$custom-dark: #000000;
JSON
{
  "hex": "#ccd2e5",
  "rgb": {
    "r": 204,
    "g": 210,
    "b": 229
  },
  "hsl": {
    "h": 225.6,
    "s": 32.468,
    "l": 84.902
  },
  "oklch": {
    "l": 0.86496,
    "c": 0.02704,
    "h": 271.8
  },
  "luminance": 0.64588
}

Semantic roles & 50–950 ramp

primary
#CCD2E5
secondary
#BEB597
accent
#903AAB
background
#FEFEFE
surface
#FBFCFD
border
#D4D5D5
text
#151516
muted
#848484

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

معاينة مع #CCD2E5

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

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

#CCD2E5 — Tintiva