#77D8FF#77D8FF

#77D8FF لون فاتح جداً ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.603؛ OKLCH L 83.7% C 0.107 H 226.4°. أفضل لون لنص المتن هو #000000 بتباين 13.05:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#77D8FF
RGBrgb(119, 216, 255)
HSLhsl(197, 100%, 73%)
HSVhsv(197, 53%, 100%)
CMYKcmyk(53.3%, 15.3%, 0%, 0%)
CIE-LABlab(81.97, -18.12, -27.77)
CIE-LCHlch(81.97, 33.16, 236.88°)
OKLaboklab(83.72% -0.0734 -0.0771)
OKLCHoklch(83.72% 0.107 226.4)
XYZxyz(50.2068, 60.2492, 103.5718)
Luminance0.6025 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#77D8FF #FF9E77
analogous
#77FFE2 #77D8FF #7794FF
triadic
#77D8FF #FF77D8 #D8FF77
tetradic
#77D8FF #E277FF #FF9E77 #94FF77
square
#77D8FF #E277FF #FF9E77 #94FF77
split-complementary
#77D8FF #FF7794 #FFE277
monochromatic
#00B3FC #3AC6FF #77D8FF #B4EAFF #E0F6FF

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

On white

1.61
#77D8FF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.05
#77D8FF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##77D8FF#FFFFFF#000000##000000
##77D8FF1.001.6113.0513.05
#FFFFFF1.611.0021.0021.00
#00000013.0521.001.001.00
##00000013.0521.001.001.00

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

Protanopia (red-blind)
#C3D4FF
Deuteranopia (green-blind)
#AFC5FF
Tritanopia (blue-blind)
#00E4E4
Achromatopsia (no color)
#CCCCCC

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

CSS
--color: #77d8ff;
/* rgb */ color: rgb(119, 216, 255);
/* oklch */ color: oklch(83.7% 0.107 226.4);
Tailwind
colors: {
  custom: {
    50: '#a7e4ff',
    500: '#77d8ff',
    950: '#000000',
  },
}
SCSS
$custom: #77d8ff;
$custom-light: #a7e4ff;
$custom-dark: #000000;
JSON
{
  "hex": "#77d8ff",
  "rgb": {
    "r": 119,
    "g": 216,
    "b": 255
  },
  "hsl": {
    "h": 197.206,
    "s": 100,
    "l": 73.333
  },
  "oklch": {
    "l": 0.83722,
    "c": 0.10652,
    "h": 226.4
  },
  "luminance": 0.60254
}

Semantic roles & 50–950 ramp

primary
#77D8FF
secondary
#DD6B3D
accent
#4200E6
background
#FDFEFF
surface
#F7FCFF
border
#D0D5D7
text
#101518
muted
#818486

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

معاينة مع #77D8FF

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

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

#77D8FF — Tintiva