#7BBCC7#7BBCC7

#7BBCC7 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.443؛ OKLCH L 75.5% C 0.068 H 209.2°. أفضل لون لنص المتن هو #000000 بتباين 9.86:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7BBCC7
RGBrgb(123, 188, 199)
HSLhsl(189, 40%, 63%)
HSVhsv(189, 38%, 78%)
CMYKcmyk(38.2%, 5.5%, 0%, 22%)
CIE-LABlab(72.43, -17.87, -12.10)
CIE-LCHlch(72.43, 21.58, 214.10°)
OKLaboklab(75.54% -0.0593 -0.0332)
OKLCHoklch(75.54% 0.068 209.2)
XYZxyz(36.4567, 44.2985, 60.6512)
Luminance0.4430 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7BBCC7 #C7867B
analogous
#7BC7AC #7BBCC7 #7B96C7
triadic
#7BBCC7 #C77BBC #BCC77B
tetradic
#7BBCC7 #AC7BC7 #C7867B #96C77B
square
#7BBCC7 #AC7BC7 #C7867B #96C77B
split-complementary
#7BBCC7 #C77B96 #C7AC7B
monochromatic
#3B808C #50A6B5 #7BBCC7 #A6D2D9 #D1E8EB

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

On white

2.13
#7BBCC7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.86
#7BBCC7 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7BBCC7#FFFFFF#000000##000000
##7BBCC71.002.139.869.86
#FFFFFF2.131.0021.0021.00
#0000009.8621.001.001.00
##0000009.8621.001.001.00

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

Protanopia (red-blind)
#B2B7C8
Deuteranopia (green-blind)
#A5AEC7
Tritanopia (blue-blind)
#5CC2BF
Achromatopsia (no color)
#B2B2B2

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

CSS
--color: #7bbcc7;
/* rgb */ color: rgb(123, 188, 199);
/* oklch */ color: oklch(75.5% 0.068 209.2);
Tailwind
colors: {
  custom: {
    50: '#a4d0d8',
    500: '#7bbcc7',
    950: '#000000',
  },
}
SCSS
$custom: #7bbcc7;
$custom-light: #a4d0d8;
$custom-dark: #000000;
JSON
{
  "hex": "#7bbcc7",
  "rgb": {
    "r": 123,
    "g": 188,
    "b": 199
  },
  "hsl": {
    "h": 188.684,
    "s": 40.426,
    "l": 63.137
  },
  "oklch": {
    "l": 0.75544,
    "c": 0.06793,
    "h": 209.2
  },
  "luminance": 0.44301
}

Semantic roles & 50–950 ramp

primary
#7BBCC7
secondary
#DDC5C1
accent
#4532B3
background
#FAFCFD
surface
#F4F9FA
border
#CED2D3
text
#0F1414
muted
#7F8283

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

معاينة مع #7BBCC7

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

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

#7BBCC7 — Tintiva