#396D78#396D78

#396D78 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.132؛ OKLCH L 50.3% C 0.058 H 213.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#396D78
RGB	rgb(57, 109, 120)
HSL	hsl(190, 36%, 35%)
HSV	hsv(190, 53%, 47%)
CMYK	cmyk(52.5%, 9.2%, 0%, 52.9%)
CIE-LAB	lab(43.01, -14.09, -11.48)
CIE-LCH	lch(43.01, 18.17, 219.18°)
OKLab	oklab(50.32% -0.0488 -0.0317)
OKLCH	oklch(50.32% 0.058 213)
XYZ	xyz(10.5448, 13.1623, 19.7505)
Luminance	0.1316 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#396D78 #784439

analogous

#397864 #396D78 #394E78

triadic

#396D78 #78396D #6D7839

tetradic

#396D78 #643978 #784439 #4E7839

square

#396D78 #643978 #784439 #4E7839

split-complementary

#396D78 #78394E #786439

monochromatic

#122225 #25474F #396D78 #4D93A1 #70AEBB

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

On white

5.78

#396D78 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.63

#396D78 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #396D78

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

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

fg \ bg	##396D78	#FFFFFF	#000000	##FFFFFF
##396D78	1.00	5.78	3.63	5.78
#FFFFFF	5.78	1.00	21.00	1.00
#000000	3.63	21.00	1.00	21.00
##FFFFFF	5.78	1.00	21.00	1.00

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

Protanopia (red-blind)

#646A79

Deuteranopia (green-blind)

#5B6278

Tritanopia (blue-blind)

#127270

Achromatopsia (no color)

#666666

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

CSS

--color: #396d78;
/* rgb */ color: rgb(57, 109, 120);
/* oklch */ color: oklch(50.3% 0.058 213.0);

Tailwind

colors: {
  custom: {
    50: '#75979f',
    500: '#396d78',
    950: '#000000',
  },
}

SCSS

$custom: #396d78;
$custom-light: #75979f;
$custom-dark: #000000;

JSON

{
  "hex": "#396d78",
  "rgb": {
    "r": 57,
    "g": 109,
    "b": 120
  },
  "hsl": {
    "h": 190.476,
    "s": 35.593,
    "l": 34.706
  },
  "oklch": {
    "l": 0.5032,
    "c": 0.05817,
    "h": 213
  },
  "luminance": 0.13163
}

Semantic roles & 50–950 ramp

primary

#396D78

secondary

#A47368

accent

#705CCC

background

#F7F9F9

surface

#EDF2F2

border

#C8CCCC

text

#090D0E

muted

#7B7E7E

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

معاينة مع #396D78

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

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