#7BB2D1#7BB2D1

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

قيم اللون

HEX#7BB2D1
RGBrgb(123, 178, 209)
HSLhsl(202, 48%, 65%)
HSVhsv(202, 41%, 82%)
CMYKcmyk(41.1%, 14.8%, 0%, 18%)
CIE-LABlab(69.93, -10.00, -21.34)
CIE-LCHlch(69.93, 23.57, 244.89°)
OKLaboklab(73.67% -0.0431 -0.0589)
OKLCHoklch(73.67% 0.073 233.8)
XYZxyz(35.5935, 40.6529, 66.2805)
Luminance0.4066 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7BB2D1 #D19A7B
analogous
#7BD1C5 #7BB2D1 #7B87D1
triadic
#7BB2D1 #D17BB2 #B2D17B
tetradic
#7BB2D1 #C57BD1 #D19A7B #87D17B
square
#7BB2D1 #C57BD1 #D19A7B #87D17B
split-complementary
#7BB2D1 #D17B87 #D1C57B
monochromatic
#36779B #4E98C1 #7BB2D1 #A8CCE1 #D6E7F1

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

On white

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

On black

9.13
#7BB2D1 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7BB2D1#FFFFFF#000000##000000
##7BB2D11.002.309.139.13
#FFFFFF2.301.0021.0021.00
#0000009.1321.001.001.00
##0000009.1321.001.001.00

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

Protanopia (red-blind)
#A3B0D3
Deuteranopia (green-blind)
#97A7D1
Tritanopia (blue-blind)
#59BABC
Achromatopsia (no color)
#ABABAB

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

CSS
--color: #7bb2d1;
/* rgb */ color: rgb(123, 178, 209);
/* oklch */ color: oklch(73.7% 0.073 233.8);
Tailwind
colors: {
  custom: {
    50: '#a5c9df',
    500: '#7bb2d1',
    950: '#000000',
  },
}
SCSS
$custom: #7bb2d1;
$custom-light: #a5c9df;
$custom-dark: #000000;
JSON
{
  "hex": "#7bb2d1",
  "rgb": {
    "r": 123,
    "g": 178,
    "b": 209
  },
  "hsl": {
    "h": 201.628,
    "s": 48.315,
    "l": 65.098
  },
  "oklch": {
    "l": 0.73669,
    "c": 0.073,
    "h": 233.8
  },
  "luminance": 0.40655
}

Semantic roles & 50–950 ramp

primary
#7BB2D1
secondary
#E2D0C5
accent
#5E2ABC
background
#FAFCFD
surface
#F4F8FB
border
#CED1D4
text
#0F1315
muted
#7F8283

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

معاينة مع #7BB2D1

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

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

#7BB2D1 — Tintiva