#4BCAE1#4BCAE1

#4BCAE1 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.492؛ OKLCH L 77.8% C 0.114 H 211.9°. أفضل لون لنص المتن هو #000000 بتباين 10.83:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#4BCAE1
RGBrgb(75, 202, 225)
HSLhsl(189, 71%, 59%)
HSVhsv(189, 67%, 88%)
CMYKcmyk(66.7%, 10.2%, 0%, 11.8%)
CIE-LABlab(75.56, -27.57, -21.65)
CIE-LCHlch(75.56, 35.06, 218.15°)
OKLaboklab(77.85% -0.0967 -0.0602)
OKLCHoklch(77.85% 0.114 211.9)
XYZxyz(37.6071, 49.1690, 78.7281)
Luminance0.4917 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#4BCAE1 #E1624B
analogous
#4BE1AD #4BCAE1 #4B7FE1
triadic
#4BCAE1 #E14BCA #CAE14B
tetradic
#4BCAE1 #AD4BE1 #E1624B #7FE14B
square
#4BCAE1 #AD4BE1 #E1624B #7FE14B
split-complementary
#4BCAE1 #E14B7F #E1AD4B
monochromatic
#198598 #22B3CD #4BCAE1 #7FD9EA #B4E9F2

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

On white

1.94
#4BCAE1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.83
#4BCAE1 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #4BCAE1
10.83:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##4BCAE1#FFFFFF#000000##000000
##4BCAE11.001.9410.8310.83
#FFFFFF1.941.0021.0021.00
#00000010.8321.001.001.00
##00000010.8321.001.001.00

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

Protanopia (red-blind)
#B8C3E2
Deuteranopia (green-blind)
#A2B3E1
Tritanopia (blue-blind)
#00D4D1
Achromatopsia (no color)
#BABABA

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

CSS
--color: #4bcae1;
/* rgb */ color: rgb(75, 202, 225);
/* oklch */ color: oklch(77.8% 0.114 211.9);
Tailwind
colors: {
  custom: {
    50: '#8fdaea',
    500: '#4bcae1',
    950: '#000000',
  },
}
SCSS
$custom: #4bcae1;
$custom-light: #8fdaea;
$custom-dark: #000000;
JSON
{
  "hex": "#4bcae1",
  "rgb": {
    "r": 75,
    "g": 202,
    "b": 225
  },
  "hsl": {
    "h": 189.2,
    "s": 71.429,
    "l": 58.824
  },
  "oklch": {
    "l": 0.77849,
    "c": 0.11391,
    "h": 211.9
  },
  "luminance": 0.49173
}

Semantic roles & 50–950 ramp

primary
#4BCAE1
secondary
#E1AFA6
accent
#553AEE
background
#F9FDFE
surface
#F2FAFD
border
#CCD3D5
text
#0E1516
muted
#7E8384

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

معاينة مع #4BCAE1

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

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

#4BCAE1 — Tintiva