#54BABC#54BABC

#54BABC لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.406؛ OKLCH L 73.0% C 0.094 H 197.0°. أفضل لون لنص المتن هو #000000 بتباين 9.13:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#54BABC
RGBrgb(84, 186, 188)
HSLhsl(181, 44%, 53%)
HSVhsv(181, 55%, 74%)
CMYKcmyk(55.3%, 1.1%, 0%, 26.3%)
CIE-LABlab(69.92, -28.81, -10.00)
CIE-LCHlch(69.92, 30.49, 199.14°)
OKLaboklab(72.98% -0.0902 -0.0277)
OKLCHoklch(72.98% 0.094 197)
XYZxyz(30.2883, 40.6305, 53.8135)
Luminance0.4063 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#54BABC #BC5654
analogous
#54BC8A #54BABC #5486BC
triadic
#54BABC #BC54BA #BABC54
tetradic
#54BABC #8A54BC #BC5654 #86BC54
square
#54BABC #8A54BC #BC5654 #86BC54
split-complementary
#54BABC #BC5486 #BC8A54
monochromatic
#2A6A6B #3B9697 #54BABC #80CCCD #ACDDDE

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

On white

2.30
#54BABC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.13
#54BABC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##54BABC#FFFFFF#000000##000000
##54BABC1.002.309.139.13
#FFFFFF2.301.0021.0021.00
#0000009.1321.001.001.00
##0000009.1321.001.001.00

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

Protanopia (red-blind)
#AFB2BC
Deuteranopia (green-blind)
#9EA6BD
Tritanopia (blue-blind)
#00C0BA
Achromatopsia (no color)
#ABABAB

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

CSS
--color: #54babc;
/* rgb */ color: rgb(84, 186, 188);
/* oklch */ color: oklch(73.0% 0.094 197.0);
Tailwind
colors: {
  custom: {
    50: '#8ecfd0',
    500: '#54babc',
    950: '#000000',
  },
}
SCSS
$custom: #54babc;
$custom-light: #8ecfd0;
$custom-dark: #000000;
JSON
{
  "hex": "#54babc",
  "rgb": {
    "r": 84,
    "g": 186,
    "b": 188
  },
  "hsl": {
    "h": 181.154,
    "s": 43.697,
    "l": 53.333
  },
  "oklch": {
    "l": 0.72981,
    "c": 0.09438,
    "h": 197
  },
  "luminance": 0.40633
}

Semantic roles & 50–950 ramp

primary
#54BABC
secondary
#CCA0A0
accent
#5754D3
background
#F9FCFC
surface
#F1F9F9
border
#CBD2D2
text
#0D1414
muted
#7E8282

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

معاينة مع #54BABC

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

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

#54BABC — Tintiva