#54D5EA#54D5EA

#54D5EA لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.554؛ OKLCH L 81.0% C 0.115 H 210.1°. أفضل لون لنص المتن هو #000000 بتباين 12.08:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#54D5EA
RGBrgb(84, 213, 234)
HSLhsl(188, 78%, 62%)
HSVhsv(188, 64%, 92%)
CMYKcmyk(64.1%, 9%, 0%, 8.2%)
CIE-LABlab(79.28, -28.95, -20.81)
CIE-LCHlch(79.28, 35.65, 215.72°)
OKLaboklab(81.01% -0.0996 -0.0578)
OKLCHoklch(81.01% 0.115 210.1)
XYZxyz(42.2955, 55.4092, 86.2920)
Luminance0.5541 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#54D5EA #EA6954
analogous
#54EAB4 #54D5EA #548AEA
triadic
#54D5EA #EA54D5 #D5EA54
tetradic
#54D5EA #B454EA #EA6954 #8AEA54
square
#54D5EA #B454EA #EA6954 #8AEA54
split-complementary
#54D5EA #EA548A #EAB454
monochromatic
#1599AE #1DC8E3 #54D5EA #8BE2F1 #C1F0F7

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

On white

1.74
#54D5EA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.08
#54D5EA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##54D5EA#FFFFFF#000000##000000
##54D5EA1.001.7412.0812.08
#FFFFFF1.741.0021.0021.00
#00000012.0821.001.001.00
##00000012.0821.001.001.00

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

Protanopia (red-blind)
#C3CEEB
Deuteranopia (green-blind)
#ADBDEA
Tritanopia (blue-blind)
#00DEDB
Achromatopsia (no color)
#C4C4C4

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

CSS
--color: #54d5ea;
/* rgb */ color: rgb(84, 213, 234);
/* oklch */ color: oklch(81.0% 0.115 210.1);
Tailwind
colors: {
  custom: {
    50: '#94e2f0',
    500: '#54d5ea',
    950: '#000000',
  },
}
SCSS
$custom: #54d5ea;
$custom-light: #94e2f0;
$custom-dark: #000000;
JSON
{
  "hex": "#54d5ea",
  "rgb": {
    "r": 84,
    "g": 213,
    "b": 234
  },
  "hsl": {
    "h": 188.4,
    "s": 78.125,
    "l": 62.353
  },
  "oklch": {
    "l": 0.81009,
    "c": 0.11518,
    "h": 210.1
  },
  "luminance": 0.55414
}

Semantic roles & 50–950 ramp

primary
#54D5EA
secondary
#AF4533
accent
#280BDA
background
#FCFEFF
surface
#F5FCFE
border
#CFD5D6
text
#0F1516
muted
#808485

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

معاينة مع #54D5EA

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

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

#54D5EA — Tintiva