#77A3FF#77A3FF

#77A3FF لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.373؛ OKLCH L 72.4% C 0.143 H 263.8°. أفضل لون لنص المتن هو #000000 بتباين 8.47:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#77A3FF
RGBrgb(119, 163, 255)
HSLhsl(221, 100%, 73%)
HSVhsv(221, 53%, 100%)
CMYKcmyk(53.3%, 36.1%, 0%, 0%)
CIE-LABlab(67.53, 10.72, -50.23)
CIE-LCHlch(67.53, 51.37, 282.04°)
OKLaboklab(72.35% -0.0154 -0.142)
OKLCHoklch(72.35% 0.143 263.8)
XYZxyz(38.7489, 37.3334, 99.7525)
Luminance0.3734 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#77A3FF #FFD377
analogous
#77E7FF #77A3FF #8F77FF
triadic
#77A3FF #FF77A3 #A3FF77
tetradic
#77A3FF #FF77E7 #FFD377 #77FF8F
square
#77A3FF #FF77E7 #FFD377 #77FF8F
split-complementary
#77A3FF #FF8F77 #E7FF77
monochromatic
#0051FC #3A7AFF #77A3FF #B4CCFF #E0EAFF

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

On white

2.48
#77A3FF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.47
#77A3FF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##77A3FF#FFFFFF#000000##000000
##77A3FF1.002.488.478.47
#FFFFFF2.481.0021.0021.00
#0000008.4721.001.001.00
##0000008.4721.001.001.00

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

Protanopia (red-blind)
#7EABFF
Deuteranopia (green-blind)
#6E9FFD
Tritanopia (blue-blind)
#2CB7C5
Achromatopsia (no color)
#A4A4A4

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

CSS
--color: #77a3ff;
/* rgb */ color: rgb(119, 163, 255);
/* oklch */ color: oklch(72.4% 0.143 263.8);
Tailwind
colors: {
  custom: {
    50: '#a6bdff',
    500: '#77a3ff',
    950: '#000000',
  },
}
SCSS
$custom: #77a3ff;
$custom-light: #a6bdff;
$custom-dark: #000000;
JSON
{
  "hex": "#77a3ff",
  "rgb": {
    "r": 119,
    "g": 163,
    "b": 255
  },
  "hsl": {
    "h": 220.588,
    "s": 100,
    "l": 73.333
  },
  "oklch": {
    "l": 0.72352,
    "c": 0.14287,
    "h": 263.8
  },
  "luminance": 0.37336
}

Semantic roles & 50–950 ramp

primary
#77A3FF
secondary
#F7ECD4
accent
#9B00E6
background
#FAFBFF
surface
#F4F6FF
border
#CED0D7
text
#101218
muted
#7F8186

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

معاينة مع #77A3FF

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

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

#77A3FF — Tintiva