#62877E#62877E

#62877E لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.214؛ OKLCH L 59.3% C 0.044 H 178.0°. أفضل لون لنص المتن هو #000000 بتباين 5.29:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#62877E
RGB	rgb(98, 135, 126)
HSL	hsl(165, 16%, 46%)
HSV	hsv(165, 27%, 53%)
CMYK	cmyk(27.4%, 0%, 6.7%, 47.1%)
CIE-LAB	lab(53.42, -14.95, 0.66)
CIE-LCH	lch(53.42, 14.96, 177.48°)
OKLab	oklab(59.29% -0.0436 0.0015)
OKLCH	oklch(59.29% 0.044 178)
XYZ	xyz(17.4657, 21.4302, 22.9508)
Luminance	0.2143 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#62877E #87626B

analogous

#62876B #62877E #627D87

triadic

#62877E #7E6287 #877E62

tetradic

#62877E #6B6287 #87626B #7D8762

square

#62877E #6B6287 #87626B #7D8762

split-complementary

#62877E #87627D #876B62

monochromatic

#2F403C #48645D #62877E #82A49C #A5BEB8

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

On white

3.97

#62877E on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.29

#62877E on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #62877E

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

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

fg \ bg	##62877E	#FFFFFF	#000000	##000000
##62877E	1.00	3.97	5.29	5.29
#FFFFFF	3.97	1.00	21.00	21.00
#000000	5.29	21.00	1.00	1.00
##000000	5.29	21.00	1.00	1.00

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

Protanopia (red-blind)

#84837E

Deuteranopia (green-blind)

#7D7E7F

Tritanopia (blue-blind)

#588884

Achromatopsia (no color)

#808080

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

CSS

--color: #62877e;
/* rgb */ color: rgb(98, 135, 126);
/* oklch */ color: oklch(59.3% 0.044 178.0);

Tailwind

colors: {
  custom: {
    50: '#8faaa3',
    500: '#62877e',
    950: '#000000',
  },
}

SCSS

$custom: #62877e;
$custom-light: #8faaa3;
$custom-dark: #000000;

JSON

{
  "hex": "#62877e",
  "rgb": {
    "r": 98,
    "g": 135,
    "b": 126
  },
  "hsl": {
    "h": 165.405,
    "s": 15.88,
    "l": 45.686
  },
  "oklch": {
    "l": 0.59289,
    "c": 0.04368,
    "h": 178
  },
  "luminance": 0.21431
}

Semantic roles & 50–950 ramp

primary

#62877E

secondary

#AD989D

accent

#6F81B9

background

#F8FAFA

surface

#F0F4F3

border

#CBCECD

text

#0C100F

muted

#7D7F7F

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

معاينة مع #62877E

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

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