#CCDAF4#CCDAF4

#CCDAF4 لون فاتح جداً وخافت من عائلة أزرق. الإضاءة النسبية 0.695؛ OKLCH L 88.6% C 0.039 H 262.9°. أفضل لون لنص المتن هو #000000 بتباين 14.90:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCDAF4
RGBrgb(204, 218, 244)
HSLhsl(219, 65%, 88%)
HSVhsv(219, 16%, 96%)
CMYKcmyk(16.4%, 10.7%, 0%, 4.3%)
CIE-LABlab(86.76, 0.52, -14.28)
CIE-LCHlch(86.76, 14.28, 272.07°)
OKLaboklab(88.59% -0.0048 -0.0387)
OKLCHoklch(88.59% 0.039 262.9)
XYZxyz(66.2985, 69.5106, 95.4943)
Luminance0.6951 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCDAF4 #F4E6CC
analogous
#CCEEF4 #CCDAF4 #D2CCF4
triadic
#CCDAF4 #F4CCDA #DAF4CC
tetradic
#CCDAF4 #F4CCEE #F4E6CC #CCF4D2
square
#CCDAF4 #F4CCEE #F4E6CC #CCF4D2
split-complementary
#CCDAF4 #F4D2CC #EEF4CC
monochromatic
#6791DE #9AB5E9 #CCDAF4 #E6EDFA #E6EDFA

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

On white

1.41
#CCDAF4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.90
#CCDAF4 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCDAF4#FFFFFF#000000##000000
##CCDAF41.001.4114.9014.90
#FFFFFF1.411.0021.0021.00
#00000014.9021.001.001.00
##00000014.9021.001.001.00

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

Protanopia (red-blind)
#D2DBF5
Deuteranopia (green-blind)
#CED8F3
Tritanopia (blue-blind)
#C2DFE2
Achromatopsia (no color)
#D9D9D9

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

CSS
--color: #ccdaf4;
/* rgb */ color: rgb(204, 218, 244);
/* oklch */ color: oklch(88.6% 0.039 262.9);
Tailwind
colors: {
  custom: {
    50: '#dbe5f7',
    500: '#ccdaf4',
    950: '#000000',
  },
}
SCSS
$custom: #ccdaf4;
$custom-light: #dbe5f7;
$custom-dark: #000000;
JSON
{
  "hex": "#ccdaf4",
  "rgb": {
    "r": 204,
    "g": 218,
    "b": 244
  },
  "hsl": {
    "h": 219,
    "s": 64.516,
    "l": 87.843
  },
  "oklch": {
    "l": 0.88592,
    "c": 0.03896,
    "h": 262.9
  },
  "luminance": 0.69512
}

Semantic roles & 50–950 ramp

primary
#CCDAF4
secondary
#D5BD8F
accent
#8E19CC
background
#FEFEFF
surface
#FCFCFE
border
#D5D5D6
text
#151517
muted
#848485

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

معاينة مع #CCDAF4

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

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

#CCDAF4 — Tintiva