#457376#457376

#457376 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.148؛ OKLCH L 52.4% C 0.051 H 201.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.29:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#457376
RGB	rgb(69, 115, 118)
HSL	hsl(184, 26%, 37%)
HSV	hsv(184, 42%, 46%)
CMYK	cmyk(41.5%, 2.5%, 0%, 53.7%)
CIE-LAB	lab(45.41, -14.87, -6.62)
CIE-LCH	lch(45.41, 16.28, 204.00°)
OKLab	oklab(52.37% -0.0472 -0.0182)
OKLCH	oklch(52.37% 0.051 201.1)
XYZ	xyz(11.8538, 14.8338, 19.3746)
Luminance	0.1484 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#457376 #764845

analogous

#457661 #457376 #455B76

triadic

#457376 #764573 #737645

tetradic

#457376 #614576 #764845 #5B7645

square

#457376 #614576 #764845 #5B7645

split-complementary

#457376 #76455B #766145

monochromatic

#182829 #2E4D4F #457376 #5C999D #80B2B5

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

On white

5.29

#457376 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.97

#457376 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #457376

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

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

fg \ bg	##457376	#FFFFFF	#000000	##FFFFFF
##457376	1.00	5.29	3.97	5.29
#FFFFFF	5.29	1.00	21.00	1.00
#000000	3.97	21.00	1.00	21.00
##FFFFFF	5.29	1.00	21.00	1.00

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

Protanopia (red-blind)

#6D6F76

Deuteranopia (green-blind)

#646976

Tritanopia (blue-blind)

#307674

Achromatopsia (no color)

#6B6B6B

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

CSS

--color: #457376;
/* rgb */ color: rgb(69, 115, 118);
/* oklch */ color: oklch(52.4% 0.051 201.1);

Tailwind

colors: {
  custom: {
    50: '#7c9b9d',
    500: '#457376',
    950: '#000000',
  },
}

SCSS

$custom: #457376;
$custom-light: #7c9b9d;
$custom-dark: #000000;

JSON

{
  "hex": "#457376",
  "rgb": {
    "r": 69,
    "g": 115,
    "b": 118
  },
  "hsl": {
    "h": 183.673,
    "s": 26.203,
    "l": 36.667
  },
  "oklch": {
    "l": 0.52372,
    "c": 0.05063,
    "h": 201.1
  },
  "luminance": 0.14835
}

Semantic roles & 50–950 ramp

primary

#457376

secondary

#A17976

accent

#6B65C3

background

#F7F9F9

surface

#EEF2F2

border

#C9CCCC

text

#0A0E0E

muted

#7C7E7E

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

معاينة مع #457376

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

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