#CCE4FC#CCE4FC

#CCE4FC لون فاتح جداً وخافت من عائلة سماوي. الإضاءة النسبية 0.754؛ OKLCH L 90.9% C 0.042 H 248.3°. أفضل لون لنص المتن هو #000000 بتباين 16.07:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCE4FC
RGBrgb(204, 228, 252)
HSLhsl(210, 89%, 89%)
HSVhsv(210, 19%, 99%)
CMYKcmyk(19%, 9.5%, 0%, 1.2%)
CIE-LABlab(89.56, -3.00, -14.29)
CIE-LCHlch(89.56, 14.60, 258.14°)
OKLaboklab(90.87% -0.0154 -0.0387)
OKLCHoklch(90.87% 0.042 248.3)
XYZxyz(70.2114, 75.3507, 102.9215)
Luminance0.7535 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCE4FC #FCE4CC
analogous
#CCFCFC #CCE4FC #CCCCFC
triadic
#CCE4FC #FCCCE4 #E4FCCC
tetradic
#CCE4FC #FCCCFC #FCE4CC #CCFCCC
square
#CCE4FC #FCCCFC #FCE4CC #CCFCCC
split-complementary
#CCE4FC #FCCCCC #FCFCCC
monochromatic
#58A7F5 #92C5F9 #CCE4FC #E2F0FD #E2F0FD

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

On white

1.31
#CCE4FC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.07
#CCE4FC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCE4FC#FFFFFF#000000##000000
##CCE4FC1.001.3116.0716.07
#FFFFFF1.311.0021.0021.00
#00000016.0721.001.001.00
##00000016.0721.001.001.00

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

Protanopia (red-blind)
#DBE4FD
Deuteranopia (green-blind)
#D5DFFC
Tritanopia (blue-blind)
#C0E9EC
Achromatopsia (no color)
#E1E1E1

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

CSS
--color: #cce4fc;
/* rgb */ color: rgb(204, 228, 252);
/* oklch */ color: oklch(90.9% 0.042 248.3);
Tailwind
colors: {
  custom: {
    50: '#dcecfd',
    500: '#cce4fc',
    950: '#000000',
  },
}
SCSS
$custom: #cce4fc;
$custom-light: #dcecfd;
$custom-dark: #000000;
JSON
{
  "hex": "#cce4fc",
  "rgb": {
    "r": 204,
    "g": 228,
    "b": 252
  },
  "hsl": {
    "h": 210,
    "s": 88.889,
    "l": 89.412
  },
  "oklch": {
    "l": 0.90872,
    "c": 0.04171,
    "h": 248.3
  },
  "luminance": 0.75352
}

Semantic roles & 50–950 ramp

primary
#CCE4FC
secondary
#E3B689
accent
#7300E6
background
#FEFEFF
surface
#FCFDFF
border
#D5D5D7
text
#151617
muted
#848485

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

معاينة مع #CCE4FC

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

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

#CCE4FC — Tintiva