#CCF6FC#CCF6FC

#CCF6FC لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.858؛ OKLCH L 94.5% C 0.044 H 207.0°. أفضل لون لنص المتن هو #000000 بتباين 18.16:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCF6FC
RGBrgb(204, 246, 252)
HSLhsl(188, 89%, 89%)
HSVhsv(188, 19%, 99%)
CMYKcmyk(19%, 2.4%, 0%, 1.2%)
CIE-LABlab(94.22, -12.16, -7.35)
CIE-LCHlch(94.22, 14.21, 211.15°)
OKLaboklab(94.55% -0.0391 -0.0199)
OKLCHoklch(94.55% 0.044 207)
XYZxyz(75.4234, 85.7747, 104.6589)
Luminance0.8578 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCF6FC #FCD2CC
analogous
#CCFCEA #CCF6FC #CCDEFC
triadic
#CCF6FC #FCCCF6 #F6FCCC
tetradic
#CCF6FC #EACCFC #FCD2CC #DEFCCC
square
#CCF6FC #EACCFC #FCD2CC #DEFCCC
split-complementary
#CCF6FC #FCCCDE #FCEACC
monochromatic
#58E2F5 #92ECF9 #CCF6FC #E2FAFD #E2FAFD

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

On white

1.16
#CCF6FC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.16
#CCF6FC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCF6FC#FFFFFF#000000##000000
##CCF6FC1.001.1618.1618.16
#FFFFFF1.161.0021.0021.00
#00000018.1621.001.001.00
##00000018.1621.001.001.00

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

Protanopia (red-blind)
#EFF2FC
Deuteranopia (green-blind)
#E6ECFC
Tritanopia (blue-blind)
#BEFAF8
Achromatopsia (no color)
#EEEEEE

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

CSS
--color: #ccf6fc;
/* rgb */ color: rgb(204, 246, 252);
/* oklch */ color: oklch(94.5% 0.044 207.0);
Tailwind
colors: {
  custom: {
    50: '#dcf9fd',
    500: '#ccf6fc',
    950: '#000000',
  },
}
SCSS
$custom: #ccf6fc;
$custom-light: #dcf9fd;
$custom-dark: #000000;
JSON
{
  "hex": "#ccf6fc",
  "rgb": {
    "r": 204,
    "g": 246,
    "b": 252
  },
  "hsl": {
    "h": 187.5,
    "s": 88.889,
    "l": 89.412
  },
  "oklch": {
    "l": 0.9455,
    "c": 0.04388,
    "h": 207
  },
  "luminance": 0.85777
}

Semantic roles & 50–950 ramp

primary
#CCF6FC
secondary
#E39489
accent
#1D00E6
background
#FEFFFF
surface
#FCFFFF
border
#D5D7D7
text
#151717
muted
#848585

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

معاينة مع #CCF6FC

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

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

#CCF6FC — Tintiva