#307BB7#307BB7

#307BB7 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.182؛ OKLCH L 56.5% C 0.118 H 246.3°. أفضل لون لنص المتن هو #000000 بتباين 4.64:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#307BB7
RGBrgb(48, 123, 183)
HSLhsl(207, 58%, 45%)
HSVhsv(207, 74%, 72%)
CMYKcmyk(73.8%, 32.8%, 0%, 28.2%)
CIE-LABlab(49.75, -2.55, -38.23)
CIE-LCHlch(49.75, 38.32, 266.18°)
OKLaboklab(56.49% -0.0475 -0.1084)
OKLCHoklch(56.49% 0.118 246.3)
XYZxyz(16.8459, 18.2113, 47.4179)
Luminance0.1821 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#307BB7 #B76C30
analogous
#30B7B0 #307BB7 #3037B7
triadic
#307BB7 #B7307B #7BB730
tetradic
#307BB7 #B030B7 #B76C30 #37B730
square
#307BB7 #B030B7 #B76C30 #37B730
split-complementary
#307BB7 #B73037 #B7B030
monochromatic
#173A56 #235A87 #307BB7 #5299D2 #83B6DE

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

On white

4.52
#307BB7 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.64
#307BB7 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #307BB7
4.64:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##307BB7#FFFFFF#000000##000000
##307BB71.004.524.644.64
#FFFFFF4.521.0021.0021.00
#0000004.6421.001.001.00
##0000004.6421.001.001.00

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

Protanopia (red-blind)
#607DBA
Deuteranopia (green-blind)
#4D71B6
Tritanopia (blue-blind)
#008990
Achromatopsia (no color)
#767676

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

CSS
--color: #307bb7;
/* rgb */ color: rgb(48, 123, 183);
/* oklch */ color: oklch(56.5% 0.118 246.3);
Tailwind
colors: {
  custom: {
    50: '#7aa0cd',
    500: '#307bb7',
    950: '#000000',
  },
}
SCSS
$custom: #307bb7;
$custom-light: #7aa0cd;
$custom-dark: #000000;
JSON
{
  "hex": "#307bb7",
  "rgb": {
    "r": 48,
    "g": 123,
    "b": 183
  },
  "hsl": {
    "h": 206.667,
    "s": 58.442,
    "l": 45.294
  },
  "oklch": {
    "l": 0.5649,
    "c": 0.11841,
    "h": 246.3
  },
  "luminance": 0.18213
}

Semantic roles & 50–950 ramp

primary
#307BB7
secondary
#C89D7B
accent
#8B46E2
background
#F8F9FC
surface
#EFF2F9
border
#CACCD2
text
#0A0E13
muted
#7C7E82

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

معاينة مع #307BB7

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

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

#307BB7 — Tintiva