#7AA8DF#7AA8DF

#7AA8DF لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.375؛ OKLCH L 72.0% C 0.095 H 253.4°. أفضل لون لنص المتن هو #000000 بتباين 8.49:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7AA8DF
RGBrgb(122, 168, 223)
HSLhsl(213, 61%, 68%)
HSVhsv(213, 45%, 87%)
CMYKcmyk(45.3%, 24.7%, 0%, 12.5%)
CIE-LABlab(67.63, -0.91, -32.58)
CIE-LCHlch(67.63, 32.59, 268.40°)
OKLaboklab(72.01% -0.027 -0.0908)
OKLCHoklch(72.01% 0.095 253.4)
XYZxyz(35.3435, 37.4683, 75.1674)
Luminance0.3747 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7AA8DF #DFB17A
analogous
#7ADBDF #7AA8DF #7E7ADF
triadic
#7AA8DF #DF7AA8 #A8DF7A
tetradic
#7AA8DF #DF7ADB #DFB17A #7ADF7E
square
#7AA8DF #DF7ADB #DFB17A #7ADF7E
split-complementary
#7AA8DF #DF7E7A #DBDF7A
monochromatic
#2B69B3 #4988D3 #7AA8DF #ABC8EB #DDE9F7

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

On white

2.47
#7AA8DF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.49
#7AA8DF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7AA8DF#FFFFFF#000000##000000
##7AA8DF1.002.478.498.49
#FFFFFF2.471.0021.0021.00
#0000008.4921.001.001.00
##0000008.4921.001.001.00

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

Protanopia (red-blind)
#93AAE1
Deuteranopia (green-blind)
#86A0DE
Tritanopia (blue-blind)
#51B4BB
Achromatopsia (no color)
#A5A5A5

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

CSS
--color: #7aa8df;
/* rgb */ color: rgb(122, 168, 223);
/* oklch */ color: oklch(72.0% 0.095 253.4);
Tailwind
colors: {
  custom: {
    50: '#a5c1e9',
    500: '#7aa8df',
    950: '#000000',
  },
}
SCSS
$custom: #7aa8df;
$custom-light: #a5c1e9;
$custom-dark: #000000;
JSON
{
  "hex": "#7aa8df",
  "rgb": {
    "r": 122,
    "g": 168,
    "b": 223
  },
  "hsl": {
    "h": 212.673,
    "s": 61.212,
    "l": 67.647
  },
  "oklch": {
    "l": 0.7201,
    "c": 0.09478,
    "h": 253.4
  },
  "luminance": 0.37471
}

Semantic roles & 50–950 ramp

primary
#7AA8DF
secondary
#EADCCB
accent
#7A1DC9
background
#FAFBFE
surface
#F4F7FC
border
#CED0D5
text
#101216
muted
#7F8184

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

معاينة مع #7AA8DF

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

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

#7AA8DF — Tintiva