#7BD0C8#7BD0C8

#7BD0C8 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.535؛ OKLCH L 80.1% C 0.084 H 187.9°. أفضل لون لنص المتن هو #000000 بتباين 11.70:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#7BD0C8
RGB	rgb(123, 208, 200)
HSL	hsl(174, 47%, 65%)
HSV	hsv(174, 41%, 82%)
CMYK	cmyk(40.9%, 0%, 3.8%, 18.4%)
CIE-LAB	lab(78.16, -27.64, -4.12)
CIE-LCH	lch(78.16, 27.94, 188.48°)
OKLab	oklab(80.15% -0.0829 -0.0115)
OKLCH	oklch(80.15% 0.084 187.9)
XYZ	xyz(41.1456, 53.4898, 62.7888)
Luminance	0.5349 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#7BD0C8 #D07B83

analogous

#7BD09E #7BD0C8 #7BAED0

triadic

#7BD0C8 #C87BD0 #D0C87B

tetradic

#7BD0C8 #9E7BD0 #D07B83 #AED07B

square

#7BD0C8 #9E7BD0 #D07B83 #AED07B

split-complementary

#7BD0C8 #D07BAE #D09E7B

monochromatic

#379A91 #4EC0B5 #7BD0C8 #A8E0DB #D5F0EE

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

On white

1.80

#7BD0C8 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.70

#7BD0C8 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #7BD0C8

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

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

fg \ bg	##7BD0C8	#FFFFFF	#000000	##000000
##7BD0C8	1.00	1.80	11.70	11.70
#FFFFFF	1.80	1.00	21.00	21.00
#000000	11.70	21.00	1.00	1.00
##000000	11.70	21.00	1.00	1.00

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

Protanopia (red-blind)

#C8C8C8

Deuteranopia (green-blind)

#B9BDC9

Tritanopia (blue-blind)

#58D4CD

Achromatopsia (no color)

#C1C1C1

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

CSS

--color: #7bd0c8;
/* rgb */ color: rgb(123, 208, 200);
/* oklch */ color: oklch(80.1% 0.084 187.9);

Tailwind

colors: {
  custom: {
    50: '#a6ded8',
    500: '#7bd0c8',
    950: '#000000',
  },
}

SCSS

$custom: #7bd0c8;
$custom-light: #a6ded8;
$custom-dark: #000000;

JSON

{
  "hex": "#7bd0c8",
  "rgb": {
    "r": 123,
    "g": 208,
    "b": 200
  },
  "hsl": {
    "h": 174.353,
    "s": 47.486,
    "l": 64.902
  },
  "oklch": {
    "l": 0.80148,
    "c": 0.08375,
    "h": 187.9
  },
  "luminance": 0.53493
}

Semantic roles & 50–950 ramp

primary

#7BD0C8

secondary

#9F5057

accent

#2B38BB

background

#FDFEFE

surface

#F7FCFB

border

#D0D5D4

text

#101514

muted

#818483

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

معاينة مع #7BD0C8

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

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