#CAFFF8#CAFFF8

#CAFFF8 لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.909؛ OKLCH L 96.2% C 0.054 H 186.4°. أفضل لون لنص المتن هو #000000 بتباين 19.17:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CAFFF8
RGBrgb(202, 255, 248)
HSLhsl(172, 100%, 90%)
HSVhsv(172, 21%, 100%)
CMYKcmyk(20.8%, 0%, 2.7%, 0%)
CIE-LABlab(96.35, -18.04, -2.16)
CIE-LCHlch(96.35, 18.17, 186.82°)
OKLaboklab(96.18% -0.054 -0.006)
OKLCHoklch(96.18% 0.054 186.4)
XYZxyz(77.0555, 90.8510, 102.2648)
Luminance0.9085 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CAFFF8 #FFCAD1
analogous
#CAFFDE #CAFFF8 #CAECFF
triadic
#CAFFF8 #F8CAFF #FFF8CA
tetradic
#CAFFF8 #DECAFF #FFCAD1 #ECFFCA
square
#CAFFF8 #DECAFF #FFCAD1 #ECFFCA
split-complementary
#CAFFF8 #FFCAEC #FFDECA
monochromatic
#50FFE8 #8DFFF0 #CAFFF8 #E0FFFB #E0FFFB

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

On white

1.10
#CAFFF8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.17
#CAFFF8 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CAFFF8#FFFFFF#000000##000000
##CAFFF81.001.1019.1719.17
#FFFFFF1.101.0021.0021.00
#00000019.1721.001.001.00
##00000019.1721.001.001.00

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

Protanopia (red-blind)
#F9F9F8
Deuteranopia (green-blind)
#EFF1F9
Tritanopia (blue-blind)
#BBFFFD
Achromatopsia (no color)
#F4F4F4

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

CSS
--color: #cafff8;
/* rgb */ color: rgb(202, 255, 248);
/* oklch */ color: oklch(96.2% 0.054 186.4);
Tailwind
colors: {
  custom: {
    50: '#dbfffa',
    500: '#cafff8',
    950: '#000000',
  },
}
SCSS
$custom: #cafff8;
$custom-light: #dbfffa;
$custom-dark: #000000;
JSON
{
  "hex": "#cafff8",
  "rgb": {
    "r": 202,
    "g": 255,
    "b": 248
  },
  "hsl": {
    "h": 172.075,
    "s": 100,
    "l": 89.608
  },
  "oklch": {
    "l": 0.96178,
    "c": 0.05437,
    "h": 186.4
  },
  "luminance": 0.90854
}

Semantic roles & 50–950 ramp

primary
#CAFFF8
secondary
#E98491
accent
#001EE6
background
#FEFFFF
surface
#FCFFFF
border
#D5D7D7
text
#151817
muted
#848685

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

معاينة مع #CAFFF8

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

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

#CAFFF8 — Tintiva