#475156#475156

#475156 لون داكن ومحايد تقريباً من عائلة سماوي. الإضاءة النسبية 0.079؛ OKLCH L 42.8% C 0.015 H 229.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.14:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#475156
RGB	rgb(71, 81, 86)
HSL	hsl(200, 10%, 31%)
HSV	hsv(200, 17%, 34%)
CMYK	cmyk(17.4%, 5.8%, 0%, 66.3%)
CIE-LAB	lab(33.77, -2.75, -4.27)
CIE-LCH	lch(33.77, 5.08, 237.23°)
OKLab	oklab(42.79% -0.0099 -0.0115)
OKLCH	oklch(42.79% 0.015 229.3)
XYZ	xyz(7.2203, 7.8962, 9.9460)
Luminance	0.0790 (WCAG relative)
Temperature	neutral
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#475156 #564C47

analogous

#475653 #475156 #474956

triadic

#475156 #564751 #515647

tetradic

#475156 #534756 #564C47 #495647

square

#475156 #534756 #564C47 #495647

split-complementary

#475156 #564749 #565347

monochromatic

#101213 #2B3134 #475156 #637178 #818F97

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

On white

8.14

#475156 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.58

#475156 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #475156

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

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

fg \ bg	##475156	#FFFFFF	#000000	##FFFFFF
##475156	1.00	8.14	2.58	8.14
#FFFFFF	8.14	1.00	21.00	1.00
#000000	2.58	21.00	1.00	21.00
##FFFFFF	8.14	1.00	21.00	1.00

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

Protanopia (red-blind)

#4E5056

Deuteranopia (green-blind)

#4C4F56

Tritanopia (blue-blind)

#435253

Achromatopsia (no color)

#4F4F4F

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

CSS

--color: #475156;
/* rgb */ color: rgb(71, 81, 86);
/* oklch */ color: oklch(42.8% 0.015 229.3);

Tailwind

colors: {
  custom: {
    50: '#7a8185',
    500: '#475156',
    950: '#000000',
  },
}

SCSS

$custom: #475156;
$custom-light: #7a8185;
$custom-dark: #000000;

JSON

{
  "hex": "#475156",
  "rgb": {
    "r": 71,
    "g": 81,
    "b": 86
  },
  "hsl": {
    "h": 200,
    "s": 9.554,
    "l": 30.784
  },
  "oklch": {
    "l": 0.42794,
    "c": 0.01523,
    "h": 229.3
  },
  "luminance": 0.07896
}

Semantic roles & 50–950 ramp

primary

#475156

secondary

#857A74

accent

#8A75B3

background

#F7F7F8

surface

#EDEEEF

border

#C8C9CA

text

#090A0B

muted

#7B7C7C

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

معاينة مع #475156

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

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