#58B494#58B494

#58B494 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.369؛ OKLCH L 70.4% C 0.101 H 168.3°. أفضل لون لنص المتن هو #000000 بتباين 8.37:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#58B494
RGB	rgb(88, 180, 148)
HSL	hsl(159, 38%, 53%)
HSV	hsv(159, 51%, 71%)
CMYK	cmyk(51.1%, 0%, 17.8%, 29.4%)
CIE-LAB	lab(67.17, -35.20, 8.01)
CIE-LCH	lch(67.17, 36.10, 167.18°)
OKLab	oklab(70.43% -0.0988 0.0205)
OKLCH	oklch(70.43% 0.101 168.3)
XYZ	xyz(25.6887, 36.8531, 33.7709)
Luminance	0.3685 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#58B494 #B45878

analogous

#58B466 #58B494 #58A6B4

triadic

#58B494 #9458B4 #B49458

tetradic

#58B494 #6658B4 #B45878 #A6B458

square

#58B494 #6658B4 #B45878 #A6B458

split-complementary

#58B494 #B458A6 #B46658

monochromatic

#2D6451 #408F73 #58B494 #82C7AF #ACDACA

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

On white

2.51

#58B494 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.37

#58B494 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #58B494

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

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

fg \ bg	##58B494	#FFFFFF	#000000	##000000
##58B494	1.00	2.51	8.37	8.37
#FFFFFF	2.51	1.00	21.00	21.00
#000000	8.37	21.00	1.00	1.00
##000000	8.37	21.00	1.00	1.00

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

Protanopia (red-blind)

#B0AA92

Deuteranopia (green-blind)

#A29F96

Tritanopia (blue-blind)

#34B5AB

Achromatopsia (no color)

#A3A3A3

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

CSS

--color: #58b494;
/* rgb */ color: rgb(88, 180, 148);
/* oklch */ color: oklch(70.4% 0.101 168.3);

Tailwind

colors: {
  custom: {
    50: '#8ecbb3',
    500: '#58b494',
    950: '#000000',
  },
}

SCSS

$custom: #58b494;
$custom-light: #8ecbb3;
$custom-dark: #000000;

JSON

{
  "hex": "#58b494",
  "rgb": {
    "r": 88,
    "g": 180,
    "b": 148
  },
  "hsl": {
    "h": 159.13,
    "s": 38.017,
    "l": 52.549
  },
  "oklch": {
    "l": 0.70434,
    "c": 0.10089,
    "h": 168.3
  },
  "luminance": 0.36855
}

Semantic roles & 50–950 ramp

primary

#58B494

secondary

#C8A0AE

accent

#5A82CE

background

#F9FCFB

surface

#F1F8F6

border

#CBD1D0

text

#0D1311

muted

#7E8280

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

معاينة مع #58B494

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

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