#63A88A#63A88A

#63A88A لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.325؛ OKLCH L 67.7% C 0.084 H 164.5°. أفضل لون لنص المتن هو #000000 بتباين 7.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#63A88A
RGB	rgb(99, 168, 138)
HSL	hsl(154, 28%, 52%)
HSV	hsv(154, 41%, 66%)
CMYK	cmyk(41.1%, 0%, 17.9%, 34.1%)
CIE-LAB	lab(63.75, -28.88, 8.73)
CIE-LCH	lch(63.75, 30.17, 163.19°)
OKLab	oklab(67.71% -0.0808 0.0225)
OKLCH	oklch(67.71% 0.084 164.5)
XYZ	xyz(23.7338, 32.4913, 29.0606)
Luminance	0.3249 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#63A88A #A86381

analogous

#63A868 #63A88A #63A4A8

triadic

#63A88A #8A63A8 #A88A63

tetradic

#63A88A #6863A8 #A86381 #A4A863

square

#63A88A #6863A8 #A86381 #A4A863

split-complementary

#63A88A #A863A4 #A86863

monochromatic

#345D4B #4A846B #63A88A #8ABEA7 #B2D4C5

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

On white

2.80

#63A88A on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.50

#63A88A on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #63A88A

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

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

fg \ bg	##63A88A	#FFFFFF	#000000	##000000
##63A88A	1.00	2.80	7.50	7.50
#FFFFFF	2.80	1.00	21.00	21.00
#000000	7.50	21.00	1.00	1.00
##000000	7.50	21.00	1.00	1.00

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

Protanopia (red-blind)

#A69F88

Deuteranopia (green-blind)

#9A978C

Tritanopia (blue-blind)

#50A89F

Achromatopsia (no color)

#9A9A9A

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

CSS

--color: #63a88a;
/* rgb */ color: rgb(99, 168, 138);
/* oklch */ color: oklch(67.7% 0.084 164.5);

Tailwind

colors: {
  custom: {
    50: '#92c2ac',
    500: '#63a88a',
    950: '#000000',
  },
}

SCSS

$custom: #63a88a;
$custom-light: #92c2ac;
$custom-dark: #000000;

JSON

{
  "hex": "#63a88a",
  "rgb": {
    "r": 99,
    "g": 168,
    "b": 138
  },
  "hsl": {
    "h": 153.913,
    "s": 28.395,
    "l": 52.353
  },
  "oklch": {
    "l": 0.67709,
    "c": 0.08385,
    "h": 164.5
  },
  "luminance": 0.32493
}

Semantic roles & 50–950 ramp

primary

#63A88A

secondary

#C2A4B1

accent

#638EC5

background

#F9FBFA

surface

#F1F7F4

border

#CBD0CE

text

#0D1210

muted

#7E817F

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

معاينة مع #63A88A

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

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