#57BFB0#57BFB0

#57BFB0 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.424؛ OKLCH L 73.9% C 0.099 H 182.8°. أفضل لون لنص المتن هو #000000 بتباين 9.48:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#57BFB0
RGBrgb(87, 191, 176)
HSLhsl(171, 45%, 55%)
HSVhsv(171, 54%, 75%)
CMYKcmyk(54.5%, 0%, 7.9%, 25.1%)
CIE-LABlab(71.16, -33.77, -1.57)
CIE-LCHlch(71.16, 33.81, 182.66°)
OKLaboklab(73.9% -0.0991 -0.0048)
OKLCHoklch(73.9% 0.099 182.8)
XYZxyz(30.3943, 42.4195, 47.6519)
Luminance0.4242 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#57BFB0 #BF5766
analogous
#57BF7C #57BFB0 #579ABF
triadic
#57BFB0 #B057BF #BFB057
tetradic
#57BFB0 #7C57BF #BF5766 #9ABF57
square
#57BFB0 #7C57BF #BF5766 #9ABF57
split-complementary
#57BFB0 #BF579A #BF7C57
monochromatic
#2B7167 #3C9D8F #57BFB0 #83D0C5 #B0E1DA

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

On white

2.21
#57BFB0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.48
#57BFB0 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #57BFB0
9.48:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##57BFB0#FFFFFF#000000##000000
##57BFB01.002.219.489.48
#FFFFFF2.211.0021.0021.00
#0000009.4821.001.001.00
##0000009.4821.001.001.00

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

Protanopia (red-blind)
#B7B5AF
Deuteranopia (green-blind)
#A7A9B1
Tritanopia (blue-blind)
#07C2BA
Achromatopsia (no color)
#AEAEAE

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

CSS
--color: #57bfb0;
/* rgb */ color: rgb(87, 191, 176);
/* oklch */ color: oklch(73.9% 0.099 182.8);
Tailwind
colors: {
  custom: {
    50: '#8fd3c7',
    500: '#57bfb0',
    950: '#000000',
  },
}
SCSS
$custom: #57bfb0;
$custom-light: #8fd3c7;
$custom-dark: #000000;
JSON
{
  "hex": "#57bfb0",
  "rgb": {
    "r": 87,
    "g": 191,
    "b": 176
  },
  "hsl": {
    "h": 171.346,
    "s": 44.828,
    "l": 54.51
  },
  "oklch": {
    "l": 0.73899,
    "c": 0.09924,
    "h": 182.8
  },
  "luminance": 0.42422
}

Semantic roles & 50–950 ramp

primary
#57BFB0
secondary
#CFA3A9
accent
#5366D5
background
#F9FCFC
surface
#F2F9F8
border
#CCD2D1
text
#0D1413
muted
#7E8282

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

معاينة مع #57BFB0

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

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

#57BFB0 — Tintiva