#569E84#569E84

#569E84 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.281؛ OKLCH L 64.5% C 0.083 H 168.2°. أفضل لون لنص المتن هو #000000 بتباين 6.62:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#569E84
RGB	rgb(86, 158, 132)
HSL	hsl(158, 30%, 48%)
HSV	hsv(158, 46%, 62%)
CMYK	cmyk(45.6%, 0%, 16.5%, 38%)
CIE-LAB	lab(59.98, -28.96, 6.62)
CIE-LCH	lch(59.98, 29.71, 167.12°)
OKLab	oklab(64.45% -0.0815 0.017)
OKLCH	oklch(64.45% 0.083 168.2)
XYZ	xyz(20.2277, 28.0966, 26.1826)
Luminance	0.2810 (WCAG relative)
Temperature	neutral
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#569E84 #9E5670

analogous

#569E60 #569E84 #56949E

triadic

#569E84 #84569E #9E8456

tetradic

#569E84 #60569E #9E5670 #949E56

square

#569E84 #60569E #9E5670 #949E56

split-complementary

#569E84 #9E5694 #9E6056

monochromatic

#2B4F42 #407663 #569E84 #7AB7A1 #A2CCBD

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

On white

3.17

#569E84 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.62

#569E84 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #569E84

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

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

fg \ bg	##569E84	#FFFFFF	#000000	##000000
##569E84	1.00	3.17	6.62	6.62
#FFFFFF	3.17	1.00	21.00	21.00
#000000	6.62	21.00	1.00	1.00
##000000	6.62	21.00	1.00	1.00

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

Protanopia (red-blind)

#9B9583

Deuteranopia (green-blind)

#8F8D86

Tritanopia (blue-blind)

#3F9F96

Achromatopsia (no color)

#909090

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

CSS

--color: #569e84;
/* rgb */ color: rgb(86, 158, 132);
/* oklch */ color: oklch(64.5% 0.083 168.2);

Tailwind

colors: {
  custom: {
    50: '#8abba7',
    500: '#569e84',
    950: '#000000',
  },
}

SCSS

$custom: #569e84;
$custom-light: #8abba7;
$custom-dark: #000000;

JSON

{
  "hex": "#569e84",
  "rgb": {
    "r": 86,
    "g": 158,
    "b": 132
  },
  "hsl": {
    "h": 158.333,
    "s": 29.508,
    "l": 47.843
  },
  "oklch": {
    "l": 0.64453,
    "c": 0.0833,
    "h": 168.2
  },
  "luminance": 0.28098
}

Semantic roles & 50–950 ramp

primary

#569E84

secondary

#BA96A3

accent

#6286C6

background

#F8FBFA

surface

#F0F6F4

border

#CBD0CE

text

#0C120F

muted

#7D817F

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

معاينة مع #569E84

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

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