#5BBEB3#5BBEB3

#5BBEB3 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.423؛ OKLCH L 73.9% C 0.095 H 185.7°. أفضل لون لنص المتن هو #000000 بتباين 9.46:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#5BBEB3
RGB	rgb(91, 190, 179)
HSL	hsl(173, 43%, 55%)
HSV	hsv(173, 52%, 75%)
CMYK	cmyk(52.1%, 0%, 5.8%, 25.5%)
CIE-LAB	lab(71.08, -31.68, -3.31)
CIE-LCH	lch(71.08, 31.86, 185.97°)
OKLab	oklab(73.9% -0.0941 -0.0094)
OKLCH	oklch(73.9% 0.095 185.7)
XYZ	xyz(30.8611, 42.3029, 49.1780)
Luminance	0.4231 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#5BBEB3 #BE5B66

analogous

#5BBE81 #5BBEB3 #5B98BE

triadic

#5BBEB3 #B35BBE #BEB35B

tetradic

#5BBEB3 #815BBE #BE5B66 #98BE5B

square

#5BBEB3 #815BBE #BE5B66 #98BE5B

split-complementary

#5BBEB3 #BE5B98 #BE815B

monochromatic

#2D726A #3E9D93 #5BBEB3 #87CFC7 #B3E1DC

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

On white

2.22

#5BBEB3 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.46

#5BBEB3 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #5BBEB3

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

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

fg \ bg	##5BBEB3	#FFFFFF	#000000	##000000
##5BBEB3	1.00	2.22	9.46	9.46
#FFFFFF	2.22	1.00	21.00	21.00
#000000	9.46	21.00	1.00	1.00
##000000	9.46	21.00	1.00	1.00

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

Protanopia (red-blind)

#B6B5B3

Deuteranopia (green-blind)

#A6A9B4

Tritanopia (blue-blind)

#1BC2BA

Achromatopsia (no color)

#AEAEAE

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

CSS

--color: #5bbeb3;
/* rgb */ color: rgb(91, 190, 179);
/* oklch */ color: oklch(73.9% 0.095 185.7);

Tailwind

colors: {
  custom: {
    50: '#91d2c9',
    500: '#5bbeb3',
    950: '#000000',
  },
}

SCSS

$custom: #5bbeb3;
$custom-light: #91d2c9;
$custom-dark: #000000;

JSON

{
  "hex": "#5bbeb3",
  "rgb": {
    "r": 91,
    "g": 190,
    "b": 179
  },
  "hsl": {
    "h": 173.333,
    "s": 43.231,
    "l": 55.098
  },
  "oklch": {
    "l": 0.73899,
    "c": 0.0946,
    "h": 185.7
  },
  "luminance": 0.42306
}

Semantic roles & 50–950 ramp

primary

#5BBEB3

secondary

#CFA6AA

accent

#5563D3

background

#F9FCFC

surface

#F2F9F8

border

#CCD2D1

text

#0D1413

muted

#7E8282

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

معاينة مع #5BBEB3

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

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