#89DFA0#89DFA0

#89DFA0 لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.606؛ OKLCH L 83.3% C 0.122 H 151.6°. أفضل لون لنص المتن هو #000000 بتباين 13.13:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#89DFA0
RGB	rgb(137, 223, 160)
HSL	hsl(136, 57%, 71%)
HSV	hsv(136, 39%, 87%)
CMYK	cmyk(38.6%, 0%, 28.3%, 12.5%)
CIE-LAB	lab(82.18, -39.21, 22.90)
CIE-LCH	lch(82.18, 45.41, 149.71°)
OKLab	oklab(83.26% -0.1073 0.0581)
OKLCH	oklch(83.26% 0.122 151.6)
XYZ	xyz(43.0468, 60.6292, 42.6852)
Luminance	0.6063 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#89DFA0 #DF89C8

analogous

#9DDF89 #89DFA0 #89DFCB

triadic

#89DFA0 #A089DF #DFA089

tetradic

#89DFA0 #899DDF #DF89C8 #DFCB89

square

#89DFA0 #899DDF #DF89C8 #DFCB89

split-complementary

#89DFA0 #CB89DF #DF899D

monochromatic

#33BB57 #59D279 #89DFA0 #B9ECC7 #E7F8EC

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

On white

1.60

#89DFA0 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.13

#89DFA0 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #89DFA0

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

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

fg \ bg	##89DFA0	#FFFFFF	#000000	##000000
##89DFA0	1.00	1.60	13.13	13.13
#FFFFFF	1.60	1.00	21.00	21.00
#000000	13.13	21.00	1.00	1.00
##000000	13.13	21.00	1.00	1.00

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

Protanopia (red-blind)

#E0D29C

Deuteranopia (green-blind)

#D2C9A4

Tritanopia (blue-blind)

#7ADCCE

Achromatopsia (no color)

#CCCCCC

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

CSS

--color: #89dfa0;
/* rgb */ color: rgb(137, 223, 160);
/* oklch */ color: oklch(83.3% 0.122 151.6);

Tailwind

colors: {
  custom: {
    50: '#afe9bc',
    500: '#89dfa0',
    950: '#000000',
  },
}

SCSS

$custom: #89dfa0;
$custom-light: #afe9bc;
$custom-dark: #000000;

JSON

{
  "hex": "#89dfa0",
  "rgb": {
    "r": 137,
    "g": 223,
    "b": 160
  },
  "hsl": {
    "h": 136.047,
    "s": 57.333,
    "l": 70.588
  },
  "oklch": {
    "l": 0.83255,
    "c": 0.12198,
    "h": 151.6
  },
  "luminance": 0.60632
}

Semantic roles & 50–950 ramp

primary

#89DFA0

secondary

#B7569D

accent

#2199C5

background

#FDFEFD

surface

#F7FDF8

border

#D0D5D1

text

#111612

muted

#818482

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

معاينة مع #89DFA0

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

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