#A7BCF2#A7BCF2

#A7BCF2 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.506؛ OKLCH L 79.8% C 0.080 H 268.1°. أفضل لون لنص المتن هو #000000 بتباين 11.12:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#A7BCF2
RGBrgb(167, 188, 242)
HSLhsl(223, 74%, 80%)
HSVhsv(223, 31%, 95%)
CMYKcmyk(31%, 22.3%, 0%, 5.1%)
CIE-LABlab(76.43, 5.06, -29.11)
CIE-LCHlch(76.43, 29.55, 279.87°)
OKLaboklab(79.85% -0.0027 -0.0804)
OKLCHoklch(79.85% 0.08 268.1)
XYZxyz(49.9420, 50.5909, 91.1208)
Luminance0.5059 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#A7BCF2 #F2DDA7
analogous
#A7E1F2 #A7BCF2 #B7A7F2
triadic
#A7BCF2 #F2A7BC #BCF2A7
tetradic
#A7BCF2 #F2A7E1 #F2DDA7 #A7F2B7
square
#A7BCF2 #F2A7E1 #F2DDA7 #A7F2B7
split-complementary
#A7BCF2 #F2B7A7 #E1F2A7
monochromatic
#3C6BE2 #7293EA #A7BCF2 #DCE5FA #E4EBFB

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

On white

1.89
#A7BCF2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.12
#A7BCF2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##A7BCF2#FFFFFF#000000##000000
##A7BCF21.001.8911.1211.12
#FFFFFF1.891.0021.0021.00
#00000011.1221.001.001.00
##00000011.1221.001.001.00

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

Protanopia (red-blind)
#ABC0F4
Deuteranopia (green-blind)
#A4BAF1
Tritanopia (blue-blind)
#92C7CE
Achromatopsia (no color)
#BDBDBD

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

CSS
--color: #a7bcf2;
/* rgb */ color: rgb(167, 188, 242);
/* oklch */ color: oklch(79.8% 0.080 268.1);
Tailwind
colors: {
  custom: {
    50: '#c2d0f6',
    500: '#a7bcf2',
    950: '#000000',
  },
}
SCSS
$custom: #a7bcf2;
$custom-light: #c2d0f6;
$custom-dark: #000000;
JSON
{
  "hex": "#a7bcf2",
  "rgb": {
    "r": 167,
    "g": 188,
    "b": 242
  },
  "hsl": {
    "h": 223.2,
    "s": 74.257,
    "l": 80.196
  },
  "oklch": {
    "l": 0.7985,
    "c": 0.08041,
    "h": 268.1
  },
  "luminance": 0.50593
}

Semantic roles & 50–950 ramp

primary
#A7BCF2
secondary
#D1B56C
accent
#9F0FD6
background
#FDFEFF
surface
#F9FBFE
border
#D2D4D6
text
#131317
muted
#828385

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

معاينة مع #A7BCF2

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

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

#A7BCF2 — Tintiva