#CAFCF2#CAFCF2

#CAFCF2 لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.886؛ OKLCH L 95.4% C 0.053 H 181.6°. أفضل لون لنص المتن هو #000000 بتباين 18.72:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CAFCF2
RGBrgb(202, 252, 242)
HSLhsl(168, 89%, 89%)
HSVhsv(168, 20%, 99%)
CMYKcmyk(19.8%, 0%, 4%, 1.2%)
CIE-LABlab(95.41, -17.77, -0.44)
CIE-LCHlch(95.41, 17.78, 181.43°)
OKLaboklab(95.38% -0.0525 -0.0015)
OKLCHoklch(95.38% 0.053 181.6)
XYZxyz(75.1900, 88.5856, 97.1243)
Luminance0.8859 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CAFCF2 #FCCAD4
analogous
#CAFCD9 #CAFCF2 #CAEDFC
triadic
#CAFCF2 #F2CAFC #FCF2CA
tetradic
#CAFCF2 #D9CAFC #FCCAD4 #EDFCCA
square
#CAFCF2 #D9CAFC #FCCAD4 #EDFCCA
split-complementary
#CAFCF2 #FCCAED #FCD9CA
monochromatic
#56F5D6 #90F9E4 #CAFCF2 #E2FDF8 #E2FDF8

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

On white

1.12
#CAFCF2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.72
#CAFCF2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CAFCF2#FFFFFF#000000##000000
##CAFCF21.001.1218.7218.72
#FFFFFF1.121.0021.0021.00
#00000018.7221.001.001.00
##00000018.7221.001.001.00

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

Protanopia (red-blind)
#F7F6F2
Deuteranopia (green-blind)
#EEEFF3
Tritanopia (blue-blind)
#BDFEF9
Achromatopsia (no color)
#F2F2F2

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

CSS
--color: #cafcf2;
/* rgb */ color: rgb(202, 252, 242);
/* oklch */ color: oklch(95.4% 0.053 181.6);
Tailwind
colors: {
  custom: {
    50: '#dbfdf6',
    500: '#cafcf2',
    950: '#000000',
  },
}
SCSS
$custom: #cafcf2;
$custom-light: #dbfdf6;
$custom-dark: #000000;
JSON
{
  "hex": "#cafcf2",
  "rgb": {
    "r": 202,
    "g": 252,
    "b": 242
  },
  "hsl": {
    "h": 168,
    "s": 89.286,
    "l": 89.02
  },
  "oklch": {
    "l": 0.95378,
    "c": 0.05256,
    "h": 181.6
  },
  "luminance": 0.88588
}

Semantic roles & 50–950 ramp

primary
#CAFCF2
secondary
#E38799
accent
#002EE6
background
#FEFFFF
surface
#FCFFFE
border
#D5D7D6
text
#151717
muted
#848585

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

معاينة مع #CAFCF2

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

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

#CAFCF2 — Tintiva