#CAF4FC#CAF4FC

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

قيم اللون

HEX#CAF4FC
RGBrgb(202, 244, 252)
HSLhsl(190, 89%, 89%)
HSVhsv(190, 20%, 99%)
CMYKcmyk(19.8%, 3.2%, 0%, 1.2%)
CIE-LABlab(93.57, -11.76, -8.32)
CIE-LCHlch(93.57, 14.40, 215.27°)
OKLaboklab(94.01% -0.0384 -0.0226)
OKLCHoklch(94.01% 0.045 210.5)
XYZxyz(74.2736, 84.2837, 104.4316)
Luminance0.8429 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CAF4FC #FCD2CA
analogous
#CAFCEB #CAF4FC #CADBFC
triadic
#CAF4FC #FCCAF4 #F4FCCA
tetradic
#CAF4FC #EBCAFC #FCD2CA #DBFCCA
square
#CAF4FC #EBCAFC #FCD2CA #DBFCCA
split-complementary
#CAF4FC #FCCADB #FCEBCA
monochromatic
#56DCF5 #90E8F9 #CAF4FC #E2F9FD #E2F9FD

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

On white

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

On black

17.86
#CAF4FC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CAF4FC#FFFFFF#000000##000000
##CAF4FC1.001.1817.8617.86
#FFFFFF1.181.0021.0021.00
#00000017.8621.001.001.00
##00000017.8621.001.001.00

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

Protanopia (red-blind)
#ECF1FD
Deuteranopia (green-blind)
#E4EAFC
Tritanopia (blue-blind)
#BBF8F6
Achromatopsia (no color)
#EDEDED

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

CSS
--color: #caf4fc;
/* rgb */ color: rgb(202, 244, 252);
/* oklch */ color: oklch(94.0% 0.045 210.5);
Tailwind
colors: {
  custom: {
    50: '#dbf7fd',
    500: '#caf4fc',
    950: '#000000',
  },
}
SCSS
$custom: #caf4fc;
$custom-light: #dbf7fd;
$custom-dark: #000000;
JSON
{
  "hex": "#caf4fc",
  "rgb": {
    "r": 202,
    "g": 244,
    "b": 252
  },
  "hsl": {
    "h": 189.6,
    "s": 89.286,
    "l": 89.02
  },
  "oklch": {
    "l": 0.9401,
    "c": 0.04452,
    "h": 210.5
  },
  "luminance": 0.84286
}

Semantic roles & 50–950 ramp

primary
#CAF4FC
secondary
#E39687
accent
#2500E6
background
#FEFFFF
surface
#FCFEFF
border
#D5D6D7
text
#151717
muted
#848585

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

معاينة مع #CAF4FC

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

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

#CAF4FC — Tintiva