#486E84#486E84

#486E84 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.142؛ OKLCH L 51.9% C 0.055 H 234.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.47:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#486E84
RGB	rgb(72, 110, 132)
HSL	hsl(202, 29%, 40%)
HSV	hsv(202, 45%, 52%)
CMYK	cmyk(45.5%, 16.7%, 0%, 48.2%)
CIE-LAB	lab(44.51, -7.15, -16.33)
CIE-LCH	lch(44.51, 17.83, 246.35°)
OKLab	oklab(51.87% -0.032 -0.0452)
OKLCH	oklch(51.87% 0.055 234.7)
XYZ	xyz(12.4118, 14.1947, 23.9111)
Luminance	0.1420 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#486E84 #845E48

analogous

#48847C #486E84 #485084

triadic

#486E84 #84486E #6E8448

tetradic

#486E84 #7C4884 #845E48 #508448

square

#486E84 #7C4884 #845E48 #508448

split-complementary

#486E84 #844850 #847C48

monochromatic

#1D2C35 #324D5C #486E84 #618EA9 #88AABE

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

On white

5.47

#486E84 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.84

#486E84 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #486E84

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

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

fg \ bg	##486E84	#FFFFFF	#000000	##FFFFFF
##486E84	1.00	5.47	3.84	5.47
#FFFFFF	5.47	1.00	21.00	1.00
#000000	3.84	21.00	1.00	21.00
##FFFFFF	5.47	1.00	21.00	1.00

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

Protanopia (red-blind)

#646D85

Deuteranopia (green-blind)

#5B6684

Tritanopia (blue-blind)

#2F7475

Achromatopsia (no color)

#696969

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

CSS

--color: #486e84;
/* rgb */ color: rgb(72, 110, 132);
/* oklch */ color: oklch(51.9% 0.055 234.7);

Tailwind

colors: {
  custom: {
    50: '#7e97a7',
    500: '#486e84',
    950: '#000000',
  },
}

SCSS

$custom: #486e84;
$custom-light: #7e97a7;
$custom-dark: #000000;

JSON

{
  "hex": "#486e84",
  "rgb": {
    "r": 72,
    "g": 110,
    "b": 132
  },
  "hsl": {
    "h": 202,
    "s": 29.412,
    "l": 40
  },
  "oklch": {
    "l": 0.51868,
    "c": 0.05536,
    "h": 234.7
  },
  "luminance": 0.14196
}

Semantic roles & 50–950 ramp

primary

#486E84

secondary

#AA8E7E

accent

#8762C6

background

#F7F9FA

surface

#EEF2F4

border

#C9CCCE

text

#0A0D0F

muted

#7C7E7F

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

معاينة مع #486E84

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

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