#7AAEF0#7AAEF0

#7AAEF0 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.407؛ OKLCH L 74.1% C 0.111 H 254.8°. أفضل لون لنص المتن هو #000000 بتباين 9.14:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7AAEF0
RGBrgb(122, 174, 240)
HSLhsl(214, 80%, 71%)
HSVhsv(214, 49%, 94%)
CMYKcmyk(49.2%, 27.5%, 0%, 5.9%)
CIE-LABlab(69.96, 0.65, -38.24)
CIE-LCHlch(69.96, 38.25, 270.97°)
OKLaboklab(74.07% -0.029 -0.1071)
OKLCHoklch(74.07% 0.111 254.8)
XYZxyz(38.8849, 40.6982, 88.2277)
Luminance0.4070 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7AAEF0 #F0BC7A
analogous
#7AE9F0 #7AAEF0 #817AF0
triadic
#7AAEF0 #F07AAE #AEF07A
tetradic
#7AAEF0 #F07AE9 #F0BC7A #7AF081
square
#7AAEF0 #F07AE9 #F0BC7A #7AF081
split-complementary
#7AAEF0 #F0817A #E9F07A
monochromatic
#186CD7 #438DEA #7AAEF0 #B1CFF6 #E4EEFC

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

On white

2.30
#7AAEF0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.14
#7AAEF0 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7AAEF0#FFFFFF#000000##000000
##7AAEF01.002.309.149.14
#FFFFFF2.301.0021.0021.00
#0000009.1421.001.001.00
##0000009.1421.001.001.00

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

Protanopia (red-blind)
#94B1F3
Deuteranopia (green-blind)
#86A6EF
Tritanopia (blue-blind)
#43BDC5
Achromatopsia (no color)
#ABABAB

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

CSS
--color: #7aaef0;
/* rgb */ color: rgb(122, 174, 240);
/* oklch */ color: oklch(74.1% 0.111 254.8);
Tailwind
colors: {
  custom: {
    50: '#a6c5f5',
    500: '#7aaef0',
    950: '#000000',
  },
}
SCSS
$custom: #7aaef0;
$custom-light: #a6c5f5;
$custom-dark: #000000;
JSON
{
  "hex": "#7aaef0",
  "rgb": {
    "r": 122,
    "g": 174,
    "b": 240
  },
  "hsl": {
    "h": 213.559,
    "s": 79.73,
    "l": 70.98
  },
  "oklch": {
    "l": 0.74073,
    "c": 0.11099,
    "h": 254.8
  },
  "luminance": 0.40701
}

Semantic roles & 50–950 ramp

primary
#7AAEF0
secondary
#F3E5D3
accent
#7F09DC
background
#FAFCFE
surface
#F4F8FD
border
#CED1D5
text
#101217
muted
#7F8185

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

معاينة مع #7AAEF0

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

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

#7AAEF0 — Tintiva