#4BB7EB#4BB7EB

#4BB7EB لون فاتح وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.414؛ OKLCH L 73.9% C 0.123 H 232.9°. أفضل لون لنص المتن هو #000000 بتباين 9.27:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#4BB7EB
RGBrgb(75, 183, 235)
HSLhsl(200, 80%, 61%)
HSVhsv(200, 68%, 92%)
CMYKcmyk(68.1%, 22.1%, 0%, 7.8%)
CIE-LABlab(70.43, -14.74, -34.95)
CIE-LCHlch(70.43, 37.93, 247.13°)
OKLaboklab(73.86% -0.0742 -0.0981)
OKLCHoklch(73.86% 0.123 232.9)
XYZxyz(34.8246, 41.3572, 84.7286)
Luminance0.4136 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#4BB7EB #EB7F4B
analogous
#4BEBCF #4BB7EB #4B67EB
triadic
#4BB7EB #EB4BB7 #B7EB4B
tetradic
#4BB7EB #CF4BEB #EB7F4B #67EB4B
square
#4BB7EB #CF4BEB #EB7F4B #67EB4B
split-complementary
#4BB7EB #EB4B67 #EBCF4B
monochromatic
#1378A9 #199FE0 #4BB7EB #82CDF1 #B9E3F7

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

On white

2.26
#4BB7EB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.27
#4BB7EB on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##4BB7EB#FFFFFF#000000##000000
##4BB7EB1.002.269.279.27
#FFFFFF2.261.0021.0021.00
#0000009.2721.001.001.00
##0000009.2721.001.001.00

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

Protanopia (red-blind)
#9DB5ED
Deuteranopia (green-blind)
#87A5EA
Tritanopia (blue-blind)
#00C5C8
Achromatopsia (no color)
#ACACAC

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

CSS
--color: #4bb7eb;
/* rgb */ color: rgb(75, 183, 235);
/* oklch */ color: oklch(73.9% 0.123 232.9);
Tailwind
colors: {
  custom: {
    50: '#8fccf1',
    500: '#4bb7eb',
    950: '#000000',
  },
}
SCSS
$custom: #4bb7eb;
$custom-light: #8fccf1;
$custom-dark: #000000;
JSON
{
  "hex": "#4bb7eb",
  "rgb": {
    "r": 75,
    "g": 183,
    "b": 235
  },
  "hsl": {
    "h": 199.5,
    "s": 80,
    "l": 60.784
  },
  "oklch": {
    "l": 0.73861,
    "c": 0.123,
    "h": 232.9
  },
  "luminance": 0.41361
}

Semantic roles & 50–950 ramp

primary
#4BB7EB
secondary
#E7BEAB
accent
#4E09DC
background
#F9FCFE
surface
#F2F8FD
border
#CCD1D5
text
#0E1316
muted
#7E8284

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

معاينة مع #4BB7EB

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

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

#4BB7EB — Tintiva