#3BBAC8#3BBAC8

#3BBAC8 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.402؛ OKLCH L 72.7% C 0.109 H 205.8°. أفضل لون لنص المتن هو #000000 بتباين 9.04:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#3BBAC8
RGBrgb(59, 186, 200)
HSLhsl(186, 56%, 51%)
HSVhsv(186, 71%, 78%)
CMYKcmyk(70.5%, 7%, 0%, 21.6%)
CIE-LABlab(69.62, -29.45, -17.09)
CIE-LCHlch(69.62, 34.05, 210.13°)
OKLaboklab(72.68% -0.0983 -0.0475)
OKLCHoklch(72.68% 0.109 205.8)
XYZxyz(29.7833, 40.2143, 60.8248)
Luminance0.4022 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#3BBAC8 #C8493B
analogous
#3BC88F #3BBAC8 #3B74C8
triadic
#3BBAC8 #C83BBA #BAC83B
tetradic
#3BBAC8 #8F3BC8 #C8493B #74C83B
square
#3BBAC8 #8F3BC8 #C8493B #74C83B
split-complementary
#3BBAC8 #C83B74 #C88F3B
monochromatic
#1E636B #2B8F9A #3BBAC8 #6BCBD5 #9BDCE3

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

On white

2.32
#3BBAC8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.04
#3BBAC8 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #3BBAC8
9.04:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##3BBAC8#FFFFFF#000000##000000
##3BBAC81.002.329.049.04
#FFFFFF2.321.0021.0021.00
#0000009.0421.001.001.00
##0000009.0421.001.001.00

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

Protanopia (red-blind)
#ABB3C9
Deuteranopia (green-blind)
#96A4C8
Tritanopia (blue-blind)
#00C2BE
Achromatopsia (no color)
#AAAAAA

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

CSS
--color: #3bbac8;
/* rgb */ color: rgb(59, 186, 200);
/* oklch */ color: oklch(72.7% 0.109 205.8);
Tailwind
colors: {
  custom: {
    50: '#85cfd8',
    500: '#3bbac8',
    950: '#000000',
  },
}
SCSS
$custom: #3bbac8;
$custom-light: #85cfd8;
$custom-dark: #000000;
JSON
{
  "hex": "#3bbac8",
  "rgb": {
    "r": 59,
    "g": 186,
    "b": 200
  },
  "hsl": {
    "h": 185.957,
    "s": 56.175,
    "l": 50.784
  },
  "oklch": {
    "l": 0.72678,
    "c": 0.10915,
    "h": 205.8
  },
  "luminance": 0.40218
}

Semantic roles & 50–950 ramp

primary
#3BBAC8
secondary
#CF9690
accent
#5748DF
background
#F8FCFD
surface
#F0F9FA
border
#CBD2D3
text
#0C1414
muted
#7D8283

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

معاينة مع #3BBAC8

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

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

#3BBAC8 — Tintiva