#78B0BA#78B0BA

#78B0BA لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.386؛ OKLCH L 72.2% C 0.060 H 209.9°. أفضل لون لنص المتن هو #000000 بتباين 8.72:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#78B0BA
RGB	rgb(120, 176, 186)
HSL	hsl(189, 32%, 60%)
HSV	hsv(189, 35%, 73%)
CMYK	cmyk(35.5%, 5.4%, 0%, 27.1%)
CIE-LAB	lab(68.45, -15.70, -10.93)
CIE-LCH	lch(68.45, 19.13, 214.83°)
OKLab	oklab(72.2% -0.0521 -0.0299)
OKLCH	oklch(72.2% 0.06 209.9)
XYZ	xyz(32.1309, 38.5870, 52.1998)
Luminance	0.3859 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#78B0BA #BA8278

analogous

#78BAA3 #78B0BA #788FBA

triadic

#78B0BA #BA78B0 #B0BA78

tetradic

#78B0BA #A378BA #BA8278 #8FBA78

square

#78B0BA #A378BA #BA8278 #8FBA78

split-complementary

#78B0BA #BA788F #BAA378

monochromatic

#3E707A #5396A2 #78B0BA #A0C8CF #C9DFE3

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

On white

2.41

#78B0BA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.72

#78B0BA on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #78B0BA

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

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

fg \ bg	##78B0BA	#FFFFFF	#000000	##000000
##78B0BA	1.00	2.41	8.72	8.72
#FFFFFF	2.41	1.00	21.00	21.00
#000000	8.72	21.00	1.00	1.00
##000000	8.72	21.00	1.00	1.00

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

Protanopia (red-blind)

#A7ACBB

Deuteranopia (green-blind)

#9CA3BA

Tritanopia (blue-blind)

#5FB5B3

Achromatopsia (no color)

#A7A7A7

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

CSS

--color: #78b0ba;
/* rgb */ color: rgb(120, 176, 186);
/* oklch */ color: oklch(72.2% 0.060 209.9);

Tailwind

colors: {
  custom: {
    50: '#a1c7ce',
    500: '#78b0ba',
    950: '#000000',
  },
}

SCSS

$custom: #78b0ba;
$custom-light: #a1c7ce;
$custom-dark: #000000;

JSON

{
  "hex": "#78b0ba",
  "rgb": {
    "r": 120,
    "g": 176,
    "b": 186
  },
  "hsl": {
    "h": 189.091,
    "s": 32.353,
    "l": 60
  },
  "oklch": {
    "l": 0.72199,
    "c": 0.06009,
    "h": 209.9
  },
  "luminance": 0.38589
}

Semantic roles & 50–950 ramp

primary

#78B0BA

secondary

#D4BEBA

accent

#6F5FC9

background

#FAFCFC

surface

#F4F8F9

border

#CED1D2

text

#0F1313

muted

#7F8282

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

معاينة مع #78B0BA

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

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