#CCD1E2#CCD1E2

#CCD1E2 لون فاتح جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.639؛ OKLCH L 86.2% C 0.024 H 272.8°. أفضل لون لنص المتن هو #000000 بتباين 13.79:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCD1E2
RGBrgb(204, 209, 226)
HSLhsl(226, 28%, 84%)
HSVhsv(226, 10%, 89%)
CMYKcmyk(9.7%, 7.5%, 0%, 11.4%)
CIE-LABlab(83.93, 1.56, -8.96)
CIE-LCHlch(83.93, 9.09, 279.91°)
OKLaboklab(86.2% 0.0012 -0.0241)
OKLCHoklch(86.2% 0.024 272.8)
XYZxyz(61.4269, 63.9287, 81.0400)
Luminance0.6393 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCD1E2 #E2DDCC
analogous
#CCDCE2 #CCD1E2 #D2CCE2
triadic
#CCD1E2 #E2CCD1 #D1E2CC
tetradic
#CCD1E2 #E2CCDC #E2DDCC #CCE2D2
square
#CCD1E2 #E2CCDC #E2DDCC #CCE2D2
split-complementary
#CCD1E2 #E2D2CC #DCE2CC
monochromatic
#7E8BB6 #A5AECC #CCD1E2 #EBEDF4 #EBEDF4

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

On white

1.52
#CCD1E2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.79
#CCD1E2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCD1E2#FFFFFF#000000##000000
##CCD1E21.001.5213.7913.79
#FFFFFF1.521.0021.0021.00
#00000013.7921.001.001.00
##00000013.7921.001.001.00

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

Protanopia (red-blind)
#CDD2E3
Deuteranopia (green-blind)
#CBD0E2
Tritanopia (blue-blind)
#C7D4D6
Achromatopsia (no color)
#D1D1D1

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

CSS
--color: #ccd1e2;
/* rgb */ color: rgb(204, 209, 226);
/* oklch */ color: oklch(86.2% 0.024 272.8);
Tailwind
colors: {
  custom: {
    50: '#dbdfeb',
    500: '#ccd1e2',
    950: '#000000',
  },
}
SCSS
$custom: #ccd1e2;
$custom-light: #dbdfeb;
$custom-dark: #000000;
JSON
{
  "hex": "#ccd1e2",
  "rgb": {
    "r": 204,
    "g": 209,
    "b": 226
  },
  "hsl": {
    "h": 226.364,
    "s": 27.5,
    "l": 84.314
  },
  "oklch": {
    "l": 0.86199,
    "c": 0.0241,
    "h": 272.8
  },
  "luminance": 0.63929
}

Semantic roles & 50–950 ramp

primary
#CCD1E2
secondary
#BAB299
accent
#8F3FA6
background
#FEFEFE
surface
#FBFCFD
border
#D4D5D5
text
#151516
muted
#848484

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

معاينة مع #CCD1E2

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

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

#CCD1E2 — Tintiva