#CABCF3#CABCF3

#CABCF3 لون فاتح جداً ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.550؛ OKLCH L 82.5% C 0.078 H 296.3°. أفضل لون لنص المتن هو #000000 بتباين 12.00:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#CABCF3
RGBrgb(202, 188, 243)
HSLhsl(255, 70%, 85%)
HSVhsv(255, 23%, 95%)
CMYKcmyk(16.9%, 22.6%, 0%, 4.7%)
CIE-LABlab(79.04, 15.70, -25.43)
CIE-LCHlch(79.04, 29.89, 301.70°)
OKLaboklab(82.53% 0.0344 -0.0695)
OKLCHoklch(82.53% 0.078 296.3)
XYZxyz(58.5145, 54.9937, 92.3087)
Luminance0.5499 (WCAG relative)
Temperaturecool
Familyviolet

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#CABCF3 #E5F3BC
analogous
#BCCAF3 #CABCF3 #E6BCF3
triadic
#CABCF3 #F3CABC #BCF3CA
tetradic
#CABCF3 #F3BCCA #E5F3BC #BCF3E6
square
#CABCF3 #F3BCCA #E5F3BC #BCF3E6
split-complementary
#CABCF3 #F3E6BC #CAF3BC
monochromatic
#7854E0 #A188EA #CABCF3 #EAE5FA #EAE5FA

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

On white

1.75
#CABCF3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.00
#CABCF3 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##CABCF3#FFFFFF#000000##000000
##CABCF31.001.7512.0012.00
#FFFFFF1.751.0021.0021.00
#00000012.0021.001.001.00
##00000012.0021.001.001.00

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

Protanopia (red-blind)
#B0C4F5
Deuteranopia (green-blind)
#B2C3F1
Tritanopia (blue-blind)
#C3C4CF
Achromatopsia (no color)
#C4C4C4

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

CSS
--color: #cabcf3;
/* rgb */ color: rgb(202, 188, 243);
/* oklch */ color: oklch(82.5% 0.078 296.3);
Tailwind
colors: {
  custom: {
    50: '#dad0f7',
    500: '#cabcf3',
    950: '#000000',
  },
}
SCSS
$custom: #cabcf3;
$custom-light: #dad0f7;
$custom-dark: #000000;
JSON
{
  "hex": "#cabcf3",
  "rgb": {
    "r": 202,
    "g": 188,
    "b": 243
  },
  "hsl": {
    "h": 255.273,
    "s": 69.62,
    "l": 84.51
  },
  "oklch": {
    "l": 0.82527,
    "c": 0.07756,
    "h": 296.3
  },
  "luminance": 0.54994
}

Semantic roles & 50–950 ramp

primary
#CABCF3
secondary
#BED380
accent
#D214A1
background
#FEFEFF
surface
#FBFBFE
border
#D4D4D6
text
#151417
muted
#848385

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

معاينة مع #CABCF3

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

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

#CABCF3 — Tintiva