#696457#696457

#696457 لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.128؛ OKLCH L 50.4% C 0.021 H 89.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.90:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#696457
RGB	rgb(105, 100, 87)
HSL	hsl(43, 9%, 38%)
HSV	hsv(43, 17%, 41%)
CMYK	cmyk(0%, 4.8%, 17.1%, 58.8%)
CIE-LAB	lab(42.47, -0.47, 8.09)
CIE-LCH	lch(42.47, 8.10, 93.35°)
OKLab	oklab(50.39% 0.0002 0.021)
OKLCH	oklch(50.39% 0.021 89.5)
XYZ	xyz(12.1031, 12.8059, 10.8492)
Luminance	0.1281 (WCAG relative)
Temperature	neutral
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#696457 #575C69

analogous

#695B57 #696457 #656957

triadic

#696457 #576964 #645769

tetradic

#696457 #57695B #575C69 #695765

square

#696457 #57695B #575C69 #695765

split-complementary

#696457 #576569 #5B5769

monochromatic

#262420 #48443B #696457 #8A8473 #A6A194

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

On white

5.90

#696457 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.56

#696457 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #696457

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

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

fg \ bg	##696457	#FFFFFF	#000000	##FFFFFF
##696457	1.00	5.90	3.56	5.90
#FFFFFF	5.90	1.00	21.00	1.00
#000000	3.56	21.00	1.00	21.00
##FFFFFF	5.90	1.00	21.00	1.00

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

Protanopia (red-blind)

#676356

Deuteranopia (green-blind)

#686557

Tritanopia (blue-blind)

#6C6260

Achromatopsia (no color)

#646464

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

CSS

--color: #696457;
/* rgb */ color: rgb(105, 100, 87);
/* oklch */ color: oklch(50.4% 0.021 89.5);

Tailwind

colors: {
  custom: {
    50: '#949086',
    500: '#696457',
    950: '#000000',
  },
}

SCSS

$custom: #696457;
$custom-light: #949086;
$custom-dark: #000000;

JSON

{
  "hex": "#696457",
  "rgb": {
    "r": 105,
    "g": 100,
    "b": 87
  },
  "hsl": {
    "h": 43.333,
    "s": 9.375,
    "l": 37.647
  },
  "oklch": {
    "l": 0.5039,
    "c": 0.02095,
    "h": 89.5
  },
  "luminance": 0.12806
}

Semantic roles & 50–950 ramp

primary

#696457

secondary

#868B95

accent

#86B275

background

#F9F8F8

surface

#F1F0EF

border

#CBCBCA

text

#0D0C0B

muted

#7E7D7C

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

معاينة مع #696457

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

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