#477CC4#477CC4

#477CC4 لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.197؛ OKLCH L 58.3% C 0.125 H 256.6°. أفضل لون لنص المتن هو #000000 بتباين 4.95:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#477CC4
RGBrgb(71, 124, 196)
HSLhsl(215, 51%, 52%)
HSVhsv(215, 64%, 77%)
CMYKcmyk(63.8%, 36.7%, 0%, 23.1%)
CIE-LABlab(51.54, 5.11, -42.82)
CIE-LCHlch(51.54, 43.12, 276.81°)
OKLaboklab(58.34% -0.0291 -0.1215)
OKLCHoklch(58.34% 0.125 256.6)
XYZxyz(19.7664, 19.7385, 54.9821)
Luminance0.1974 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#477CC4 #C48F47
analogous
#47BAC4 #477CC4 #5147C4
triadic
#477CC4 #C4477C #7CC447
tetradic
#477CC4 #C447BA #C48F47 #47C451
square
#477CC4 #C447BA #C48F47 #47C451
split-complementary
#477CC4 #C45147 #BAC447
monochromatic
#23436D #325F9C #477CC4 #759DD3 #A4BEE2

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

On white

4.24
#477CC4 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.95
#477CC4 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #477CC4
4.95:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##477CC4#FFFFFF#000000##000000
##477CC41.004.244.954.95
#FFFFFF4.241.0021.0021.00
#0000004.9521.001.001.00
##0000004.9521.001.001.00

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

Protanopia (red-blind)
#5D81C7
Deuteranopia (green-blind)
#4B75C3
Tritanopia (blue-blind)
#008C97
Achromatopsia (no color)
#7B7B7B

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

CSS
--color: #477cc4;
/* rgb */ color: rgb(71, 124, 196);
/* oklch */ color: oklch(58.3% 0.125 256.6);
Tailwind
colors: {
  custom: {
    50: '#86a1d6',
    500: '#477cc4',
    950: '#000000',
  },
}
SCSS
$custom: #477cc4;
$custom-light: #86a1d6;
$custom-dark: #000000;
JSON
{
  "hex": "#477cc4",
  "rgb": {
    "r": 71,
    "g": 124,
    "b": 196
  },
  "hsl": {
    "h": 214.56,
    "s": 51.44,
    "l": 52.353
  },
  "oklch": {
    "l": 0.58341,
    "c": 0.12495,
    "h": 256.6
  },
  "luminance": 0.1974
}

Semantic roles & 50–950 ramp

primary
#477CC4
secondary
#CFB898
accent
#9F4DDB
background
#F8F9FD
surface
#F0F2FA
border
#CBCCD3
text
#0C0E14
muted
#7D7E83

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

معاينة مع #477CC4

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

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

#477CC4 — Tintiva