#31C8A5#31C8A5

#31C8A5 لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.447؛ OKLCH L 74.8% C 0.133 H 172.9°. أفضل لون لنص المتن هو #000000 بتباين 9.94:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#31C8A5
RGB	rgb(49, 200, 165)
HSL	hsl(166, 61%, 49%)
HSV	hsv(166, 76%, 78%)
CMYK	cmyk(75.5%, 0%, 17.5%, 21.6%)
CIE-LAB	lab(72.68, -46.75, 6.50)
CIE-LCH	lch(72.68, 47.20, 172.09°)
OKLab	oklab(74.78% -0.1316 0.0165)
OKLCH	oklch(74.78% 0.133 172.9)
XYZ	xyz(28.7089, 44.6747, 42.7000)
Luminance	0.4468 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#31C8A5 #C83154

analogous

#31C85A #31C8A5 #31A0C8

triadic

#31C8A5 #A531C8 #C8A531

tetradic

#31C8A5 #5A31C8 #C83154 #A0C831

square

#31C8A5 #5A31C8 #C83154 #A0C831

split-complementary

#31C8A5 #C831A0 #C85A31

monochromatic

#196654 #25977C #31C8A5 #5FD8BC #90E4D0

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

On white

2.11

#31C8A5 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.94

#31C8A5 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #31C8A5

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

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

fg \ bg	##31C8A5	#FFFFFF	#000000	##000000
##31C8A5	1.00	2.11	9.94	9.94
#FFFFFF	2.11	1.00	21.00	21.00
#000000	9.94	21.00	1.00	1.00
##000000	9.94	21.00	1.00	1.00

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

Protanopia (red-blind)

#C1BBA3

Deuteranopia (green-blind)

#AEACA7

Tritanopia (blue-blind)

#00CABE

Achromatopsia (no color)

#B2B2B2

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

CSS

--color: #31c8a5;
/* rgb */ color: rgb(49, 200, 165);
/* oklch */ color: oklch(74.8% 0.133 172.9);

Tailwind

colors: {
  custom: {
    50: '#81d9bf',
    500: '#31c8a5',
    950: '#000000',
  },
}

SCSS

$custom: #31c8a5;
$custom-light: #81d9bf;
$custom-dark: #000000;

JSON

{
  "hex": "#31c8a5",
  "rgb": {
    "r": 49,
    "g": 200,
    "b": 165
  },
  "hsl": {
    "h": 166.093,
    "s": 60.643,
    "l": 48.824
  },
  "oklch": {
    "l": 0.74779,
    "c": 0.13265,
    "h": 172.9
  },
  "luminance": 0.44678
}

Semantic roles & 50–950 ramp

primary

#31C8A5

secondary

#CE8697

accent

#4469E4

background

#F8FDFB

surface

#F0FBF7

border

#CBD4D0

text

#0C1512

muted

#7D8381

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

معاينة مع #31C8A5

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

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