#CAF5FC#CAF5FC

#CAF5FC لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.849؛ OKLCH L 94.2% C 0.045 H 208.5°. أفضل لون لنص المتن هو #000000 بتباين 17.98:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CAF5FC
RGBrgb(202, 245, 252)
HSLhsl(188, 89%, 89%)
HSVhsv(188, 20%, 99%)
CMYKcmyk(19.8%, 2.8%, 0%, 1.2%)
CIE-LABlab(93.83, -12.26, -7.93)
CIE-LCHlch(93.83, 14.60, 212.89°)
OKLaboklab(94.22% -0.0397 -0.0215)
OKLCHoklch(94.22% 0.045 208.5)
XYZxyz(74.5753, 84.8872, 104.5322)
Luminance0.8489 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CAF5FC #FCD1CA
analogous
#CAFCEA #CAF5FC #CADCFC
triadic
#CAF5FC #FCCAF5 #F5FCCA
tetradic
#CAF5FC #EACAFC #FCD1CA #DCFCCA
square
#CAF5FC #EACAFC #FCD1CA #DCFCCA
split-complementary
#CAF5FC #FCCADC #FCEACA
monochromatic
#56DFF5 #90EAF9 #CAF5FC #E2FAFD #E2FAFD

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

On white

1.17
#CAF5FC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.98
#CAF5FC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CAF5FC#FFFFFF#000000##000000
##CAF5FC1.001.1717.9817.98
#FFFFFF1.171.0021.0021.00
#00000017.9821.001.001.00
##00000017.9821.001.001.00

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

Protanopia (red-blind)
#EEF1FC
Deuteranopia (green-blind)
#E5EAFC
Tritanopia (blue-blind)
#BBF9F7
Achromatopsia (no color)
#EDEDED

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

CSS
--color: #caf5fc;
/* rgb */ color: rgb(202, 245, 252);
/* oklch */ color: oklch(94.2% 0.045 208.5);
Tailwind
colors: {
  custom: {
    50: '#dbf8fd',
    500: '#caf5fc',
    950: '#000000',
  },
}
SCSS
$custom: #caf5fc;
$custom-light: #dbf8fd;
$custom-dark: #000000;
JSON
{
  "hex": "#caf5fc",
  "rgb": {
    "r": 202,
    "g": 245,
    "b": 252
  },
  "hsl": {
    "h": 188.4,
    "s": 89.286,
    "l": 89.02
  },
  "oklch": {
    "l": 0.94217,
    "c": 0.04514,
    "h": 208.5
  },
  "luminance": 0.8489
}

Semantic roles & 50–950 ramp

primary
#CAF5FC
secondary
#E39487
accent
#2000E6
background
#FEFFFF
surface
#FCFFFF
border
#D5D7D7
text
#151717
muted
#848585

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

معاينة مع #CAF5FC

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

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

#CAF5FC — Tintiva