#387C63#387C63

#387C63 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.162؛ OKLCH L 53.5% C 0.080 H 166.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.96:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#387C63
RGB	rgb(56, 124, 99)
HSL	hsl(158, 38%, 35%)
HSV	hsv(158, 55%, 49%)
CMYK	cmyk(54.8%, 0%, 20.2%, 51.4%)
CIE-LAB	lab(47.18, -28.00, 7.18)
CIE-LCH	lch(47.18, 28.91, 165.61°)
OKLab	oklab(53.47% -0.0782 0.0184)
OKLCH	oklch(53.47% 0.08 166.7)
XYZ	xyz(11.0896, 16.1559, 14.3360)
Luminance	0.1616 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#387C63 #7C3851

analogous

#387C41 #387C63 #38737C

triadic

#387C63 #63387C #7C6338

tetradic

#387C63 #41387C #7C3851 #737C38

square

#387C63 #41387C #7C3851 #737C38

split-complementary

#387C63 #7C3873 #7C4138

monochromatic

#122820 #255241 #387C63 #4BA685 #70BEA2

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

On white

4.96

#387C63 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.23

#387C63 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #387C63

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

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

fg \ bg	##387C63	#FFFFFF	#000000	##FFFFFF
##387C63	1.00	4.96	4.23	4.96
#FFFFFF	4.96	1.00	21.00	1.00
#000000	4.23	21.00	1.00	21.00
##FFFFFF	4.96	1.00	21.00	1.00

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

Protanopia (red-blind)

#797462

Deuteranopia (green-blind)

#6F6D65

Tritanopia (blue-blind)

#1C7C75

Achromatopsia (no color)

#707070

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

CSS

--color: #387c63;
/* rgb */ color: rgb(56, 124, 99);
/* oklch */ color: oklch(53.5% 0.080 166.7);

Tailwind

colors: {
  custom: {
    50: '#74a28f',
    500: '#387c63',
    950: '#000000',
  },
}

SCSS

$custom: #387c63;
$custom-light: #74a28f;
$custom-dark: #000000;

JSON

{
  "hex": "#387c63",
  "rgb": {
    "r": 56,
    "g": 124,
    "b": 99
  },
  "hsl": {
    "h": 157.941,
    "s": 37.778,
    "l": 35.294
  },
  "oklch": {
    "l": 0.53465,
    "c": 0.08031,
    "h": 166.7
  },
  "luminance": 0.16157
}

Semantic roles & 50–950 ramp

primary

#387C63

secondary

#A76880

accent

#5A85CE

background

#F7FAF8

surface

#EDF3F0

border

#C8CDCB

text

#090F0C

muted

#7B7F7D

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

معاينة مع #387C63

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

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