#7BD9DE#7BD9DE

#7BD9DE لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.591؛ OKLCH L 82.9% C 0.090 H 200.0°. أفضل لون لنص المتن هو #000000 بتباين 12.82:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#7BD9DE
RGB	rgb(123, 217, 222)
HSL	hsl(183, 60%, 68%)
HSV	hsv(183, 45%, 87%)
CMYK	cmyk(44.6%, 2.3%, 0%, 12.9%)
CIE-LAB	lab(81.35, -26.59, -11.16)
CIE-LCH	lch(81.35, 28.84, 202.77°)
OKLab	oklab(82.92% -0.0843 -0.0307)
OKLCH	oklch(82.92% 0.09 200)
XYZ	xyz(46.1609, 59.1069, 78.0693)
Luminance	0.5911 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#7BD9DE #DE807B

analogous

#7BDEB1 #7BD9DE #7BA8DE

triadic

#7BD9DE #DE7BD9 #D9DE7B

tetradic

#7BD9DE #B17BDE #DE807B #A8DE7B

square

#7BD9DE #B17BDE #DE807B #A8DE7B

split-complementary

#7BD9DE #DE7BA8 #DEB17B

monochromatic

#2DABB2 #4ACBD2 #7BD9DE #ACE7EA #DDF5F6

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

On white

1.64

#7BD9DE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.82

#7BD9DE on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #7BD9DE

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

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

fg \ bg	##7BD9DE	#FFFFFF	#000000	##000000
##7BD9DE	1.00	1.64	12.82	12.82
#FFFFFF	1.64	1.00	21.00	21.00
#000000	12.82	21.00	1.00	1.00
##000000	12.82	21.00	1.00	1.00

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

Protanopia (red-blind)

#CDD1DF

Deuteranopia (green-blind)

#BCC5DF

Tritanopia (blue-blind)

#48DFDA

Achromatopsia (no color)

#CACACA

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

CSS

--color: #7bd9de;
/* rgb */ color: rgb(123, 217, 222);
/* oklch */ color: oklch(82.9% 0.090 200.0);

Tailwind

colors: {
  custom: {
    50: '#a7e5e8',
    500: '#7bd9de',
    950: '#000000',
  },
}

SCSS

$custom: #7bd9de;
$custom-light: #a7e5e8;
$custom-dark: #000000;

JSON

{
  "hex": "#7bd9de",
  "rgb": {
    "r": 123,
    "g": 217,
    "b": 222
  },
  "hsl": {
    "h": 183.03,
    "s": 60,
    "l": 67.647
  },
  "oklch": {
    "l": 0.82915,
    "c": 0.08973,
    "h": 200
  },
  "luminance": 0.59111
}

Semantic roles & 50–950 ramp

primary

#7BD9DE

secondary

#B44F49

accent

#261EC8

background

#FDFEFE

surface

#F7FCFC

border

#D0D5D5

text

#101516

muted

#818484

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

معاينة مع #7BD9DE

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

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