#7CB9CF#7CB9CF

#7CB9CF لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.435؛ OKLCH L 75.2% C 0.070 H 222.7°. أفضل لون لنص المتن هو #000000 بتباين 9.70:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7CB9CF
RGBrgb(124, 185, 207)
HSLhsl(196, 46%, 65%)
HSVhsv(196, 40%, 81%)
CMYKcmyk(40.1%, 10.6%, 0%, 18.8%)
CIE-LABlab(71.88, -13.99, -17.28)
CIE-LCHlch(71.88, 22.23, 231.01°)
OKLaboklab(75.21% -0.0516 -0.0475)
OKLCHoklch(75.21% 0.07 222.7)
XYZxyz(36.9197, 43.4856, 65.4675)
Luminance0.4349 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7CB9CF #CF927C
analogous
#7CCFBC #7CB9CF #7C8FCF
triadic
#7CB9CF #CF7CB9 #B9CF7C
tetradic
#7CB9CF #BC7CCF #CF927C #8FCF7C
square
#7CB9CF #BC7CCF #CF927C #8FCF7C
split-complementary
#7CB9CF #CF7C8F #CFBC7C
monochromatic
#387F99 #4FA1BF #7CB9CF #A9D1DF #D6E9F0

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

On white

2.17
#7CB9CF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.70
#7CB9CF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7CB9CF#FFFFFF#000000##000000
##7CB9CF1.002.179.709.70
#FFFFFF2.171.0021.0021.00
#0000009.7021.001.001.00
##0000009.7021.001.001.00

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

Protanopia (red-blind)
#ACB6D0
Deuteranopia (green-blind)
#A0ACCF
Tritanopia (blue-blind)
#5BC0C0
Achromatopsia (no color)
#B0B0B0

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

CSS
--color: #7cb9cf;
/* rgb */ color: rgb(124, 185, 207);
/* oklch */ color: oklch(75.2% 0.070 222.7);
Tailwind
colors: {
  custom: {
    50: '#a5cedd',
    500: '#7cb9cf',
    950: '#000000',
  },
}
SCSS
$custom: #7cb9cf;
$custom-light: #a5cedd;
$custom-dark: #000000;
JSON
{
  "hex": "#7cb9cf",
  "rgb": {
    "r": 124,
    "g": 185,
    "b": 207
  },
  "hsl": {
    "h": 195.904,
    "s": 46.369,
    "l": 64.902
  },
  "oklch": {
    "l": 0.75209,
    "c": 0.07016,
    "h": 222.7
  },
  "luminance": 0.43488
}

Semantic roles & 50–950 ramp

primary
#7CB9CF
secondary
#E2CDC5
accent
#512CBA
background
#FAFCFD
surface
#F4F9FB
border
#CED2D4
text
#101315
muted
#7F8283

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

معاينة مع #7CB9CF

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

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

#7CB9CF — Tintiva