#7CB0CF#7CB0CF

#7CB0CF لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.398؛ OKLCH L 73.2% C 0.071 H 235.2°. أفضل لون لنص المتن هو #000000 بتباين 8.97:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7CB0CF
RGBrgb(124, 176, 207)
HSLhsl(202, 46%, 65%)
HSVhsv(202, 40%, 81%)
CMYKcmyk(40.1%, 15%, 0%, 18.8%)
CIE-LABlab(69.35, -9.20, -21.12)
CIE-LCHlch(69.35, 23.03, 246.47°)
OKLaboklab(73.2% -0.0405 -0.0583)
OKLCHoklch(73.2% 0.071 235.2)
XYZxyz(35.0962, 39.8386, 64.8597)
Luminance0.3984 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7CB0CF #CF9B7C
analogous
#7CCFC5 #7CB0CF #7C86CF
triadic
#7CB0CF #CF7CB0 #B0CF7C
tetradic
#7CB0CF #C57CCF #CF9B7C #86CF7C
square
#7CB0CF #C57CCF #CF9B7C #86CF7C
split-complementary
#7CB0CF #CF7C86 #CFC57C
monochromatic
#387599 #4F95BF #7CB0CF #A9CBDF #D6E6F0

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

On white

2.34
#7CB0CF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.97
#7CB0CF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7CB0CF#FFFFFF#000000##000000
##7CB0CF1.002.348.978.97
#FFFFFF2.341.0021.0021.00
#0000008.9721.001.001.00
##0000008.9721.001.001.00

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

Protanopia (red-blind)
#A2AFD1
Deuteranopia (green-blind)
#96A5CF
Tritanopia (blue-blind)
#5CB8BA
Achromatopsia (no color)
#A9A9A9

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

CSS
--color: #7cb0cf;
/* rgb */ color: rgb(124, 176, 207);
/* oklch */ color: oklch(73.2% 0.071 235.2);
Tailwind
colors: {
  custom: {
    50: '#a5c7dd',
    500: '#7cb0cf',
    950: '#000000',
  },
}
SCSS
$custom: #7cb0cf;
$custom-light: #a5c7dd;
$custom-dark: #000000;
JSON
{
  "hex": "#7cb0cf",
  "rgb": {
    "r": 124,
    "g": 176,
    "b": 207
  },
  "hsl": {
    "h": 202.41,
    "s": 46.369,
    "l": 64.902
  },
  "oklch": {
    "l": 0.73202,
    "c": 0.07094,
    "h": 235.2
  },
  "luminance": 0.39841
}

Semantic roles & 50–950 ramp

primary
#7CB0CF
secondary
#E2D0C5
accent
#612CBA
background
#FAFCFD
surface
#F4F8FB
border
#CED1D4
text
#0F1315
muted
#7F8283

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

معاينة مع #7CB0CF

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

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

#7CB0CF — Tintiva