#474E63#474E63

#474E63 لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.077؛ OKLCH L 42.6% C 0.036 H 270.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.27:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#474E63
RGB	rgb(71, 78, 99)
HSL	hsl(225, 16%, 33%)
HSV	hsv(225, 28%, 39%)
CMYK	cmyk(28.3%, 21.2%, 0%, 61.2%)
CIE-LAB	lab(33.33, 2.55, -13.15)
CIE-LCH	lch(33.33, 13.40, 280.98°)
OKLab	oklab(42.61% 0.0003 -0.0361)
OKLCH	oklch(42.61% 0.036 270.4)
XYZ	xyz(7.5744, 7.6890, 12.8870)
Luminance	0.0769 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#474E63 #635C47

analogous

#475C63 #474E63 #4E4763

triadic

#474E63 #63474E #4E6347

tetradic

#474E63 #63475C #635C47 #47634E

square

#474E63 #63475C #635C47 #47634E

split-complementary

#474E63 #634E47 #5C6347

monochromatic

#14161C #2D323F #474E63 #616A87 #8089A4

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

On white

8.27

#474E63 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.54

#474E63 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #474E63

8.27:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##474E63	#FFFFFF	#000000	##FFFFFF
##474E63	1.00	8.27	2.54	8.27
#FFFFFF	8.27	1.00	21.00	1.00
#000000	2.54	21.00	1.00	21.00
##FFFFFF	8.27	1.00	21.00	1.00

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

Protanopia (red-blind)

#485064

Deuteranopia (green-blind)

#454D62

Tritanopia (blue-blind)

#405255

Achromatopsia (no color)

#4E4E4E

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

CSS

--color: #474e63;
/* rgb */ color: rgb(71, 78, 99);
/* oklch */ color: oklch(42.6% 0.036 270.4);

Tailwind

colors: {
  custom: {
    50: '#7b7f8f',
    500: '#474e63',
    950: '#000000',
  },
}

SCSS

$custom: #474e63;
$custom-light: #7b7f8f;
$custom-dark: #000000;

JSON

{
  "hex": "#474e63",
  "rgb": {
    "r": 71,
    "g": 78,
    "b": 99
  },
  "hsl": {
    "h": 225,
    "s": 16.471,
    "l": 33.333
  },
  "oklch": {
    "l": 0.4261,
    "c": 0.03611,
    "h": 270.4
  },
  "luminance": 0.07689
}

Semantic roles & 50–950 ramp

primary

#474E63

secondary

#918A75

accent

#A76FB9

background

#F7F7F8

surface

#EDEEF0

border

#C8C9CB

text

#090A0C

muted

#7B7C7D

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

معاينة مع #474E63

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

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