#CCF6E2#CCF6E2

#CCF6E2 لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.842؛ OKLCH L 93.8% C 0.051 H 164.8°. أفضل لون لنص المتن هو #000000 بتباين 17.85:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CCF6E2
RGBrgb(204, 246, 226)
HSLhsl(151, 70%, 88%)
HSVhsv(151, 17%, 96%)
CMYKcmyk(17.1%, 0%, 8.1%, 3.5%)
CIE-LABlab(93.55, -17.31, 5.15)
CIE-LCHlch(93.55, 18.06, 163.44°)
OKLaboklab(93.81% -0.0492 0.0133)
OKLCHoklch(93.81% 0.051 164.8)
XYZxyz(71.5815, 84.2380, 84.4249)
Luminance0.8424 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CCF6E2 #F6CCE0
analogous
#CCF6CD #CCF6E2 #CCF5F6
triadic
#CCF6E2 #E2CCF6 #F6E2CC
tetradic
#CCF6E2 #CDCCF6 #F6CCE0 #F5F6CC
square
#CCF6E2 #CDCCF6 #F6CCE0 #F5F6CC
split-complementary
#CCF6E2 #F6CCF5 #F6CDCC
monochromatic
#64E4A7 #98EDC4 #CCF6E2 #E5FAF0 #E5FAF0

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

On white

1.18
#CCF6E2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.85
#CCF6E2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CCF6E2#FFFFFF#000000##000000
##CCF6E21.001.1817.8517.85
#FFFFFF1.181.0021.0021.00
#00000017.8521.001.001.00
##00000017.8521.001.001.00

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

Protanopia (red-blind)
#F4F0E1
Deuteranopia (green-blind)
#ECEAE3
Tritanopia (blue-blind)
#C4F6F0
Achromatopsia (no color)
#ECECEC

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

CSS
--color: #ccf6e2;
/* rgb */ color: rgb(204, 246, 226);
/* oklch */ color: oklch(93.8% 0.051 164.8);
Tailwind
colors: {
  custom: {
    50: '#dcf9eb',
    500: '#ccf6e2',
    950: '#000000',
  },
}
SCSS
$custom: #ccf6e2;
$custom-light: #dcf9eb;
$custom-dark: #000000;
JSON
{
  "hex": "#ccf6e2",
  "rgb": {
    "r": 204,
    "g": 246,
    "b": 226
  },
  "hsl": {
    "h": 151.429,
    "s": 70,
    "l": 88.235
  },
  "oklch": {
    "l": 0.93805,
    "c": 0.05098,
    "h": 164.8
  },
  "luminance": 0.8424
}

Semantic roles & 50–950 ramp

primary
#CCF6E2
secondary
#D88EB1
accent
#146ED2
background
#FEFFFE
surface
#FCFFFD
border
#D5D7D5
text
#151716
muted
#848584

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

معاينة مع #CCF6E2

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

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

#CCF6E2 — Tintiva