#5FA4A8#5FA4A8

#5FA4A8 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.318؛ OKLCH L 67.5% C 0.070 H 200.4°. أفضل لون لنص المتن هو #000000 بتباين 7.36:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#5FA4A8
RGB	rgb(95, 164, 168)
HSL	hsl(183, 30%, 52%)
HSV	hsv(183, 43%, 66%)
CMYK	cmyk(43.5%, 2.4%, 0%, 34.1%)
CIE-LAB	lab(63.18, -20.70, -8.90)
CIE-LCH	lch(63.18, 22.53, 203.26°)
OKLab	oklab(67.48% -0.0657 -0.0245)
OKLCH	oklch(67.48% 0.07 200.4)
XYZ	xyz(25.0600, 31.8090, 41.8574)
Luminance	0.3181 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#5FA4A8 #A8635F

analogous

#5FA888 #5FA4A8 #5F80A8

triadic

#5FA4A8 #A85FA4 #A4A85F

tetradic

#5FA4A8 #885FA8 #A8635F #80A85F

square

#5FA4A8 #885FA8 #A8635F #80A85F

split-complementary

#5FA4A8 #A85F80 #A8885F

monochromatic

#32595B #477F83 #5FA4A8 #87BBBE #AED1D3

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

On white

2.85

#5FA4A8 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.36

#5FA4A8 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #5FA4A8

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

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

fg \ bg	##5FA4A8	#FFFFFF	#000000	##000000
##5FA4A8	1.00	2.85	7.36	7.36
#FFFFFF	2.85	1.00	21.00	21.00
#000000	7.36	21.00	1.00	1.00
##000000	7.36	21.00	1.00	1.00

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

Protanopia (red-blind)

#9B9EA8

Deuteranopia (green-blind)

#8E95A8

Tritanopia (blue-blind)

#3CA9A5

Achromatopsia (no color)

#999999

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

CSS

--color: #5fa4a8;
/* rgb */ color: rgb(95, 164, 168);
/* oklch */ color: oklch(67.5% 0.070 200.4);

Tailwind

colors: {
  custom: {
    50: '#91bfc1',
    500: '#5fa4a8',
    950: '#000000',
  },
}

SCSS

$custom: #5fa4a8;
$custom-light: #91bfc1;
$custom-dark: #000000;

JSON

{
  "hex": "#5fa4a8",
  "rgb": {
    "r": 95,
    "g": 164,
    "b": 168
  },
  "hsl": {
    "h": 183.288,
    "s": 29.555,
    "l": 51.569
  },
  "oklch": {
    "l": 0.67478,
    "c": 0.0701,
    "h": 200.4
  },
  "luminance": 0.31811
}

Semantic roles & 50–950 ramp

primary

#5FA4A8

secondary

#C1A3A1

accent

#6762C6

background

#F9FBFB

surface

#F1F7F7

border

#CBD0D0

text

#0D1212

muted

#7E8181

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

معاينة مع #5FA4A8

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

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