#A2BFC8#A2BFC8

#A2BFC8 لون فاتح وخافت من عائلة سماوي. الإضاءة النسبية 0.491؛ OKLCH L 78.6% C 0.034 H 218.5°. أفضل لون لنص المتن هو #000000 بتباين 10.82:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#A2BFC8
RGB	rgb(162, 191, 200)
HSL	hsl(194, 26%, 71%)
HSV	hsv(194, 19%, 78%)
CMYK	cmyk(19%, 4.5%, 0%, 21.6%)
CIE-LAB	lab(75.52, -7.83, -7.79)
CIE-LCH	lch(75.52, 11.05, 224.86°)
OKLab	oklab(78.6% -0.0266 -0.0211)
OKLCH	oklch(78.6% 0.034 218.5)
XYZ	xyz(43.9536, 49.1118, 61.7961)
Luminance	0.4911 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#A2BFC8 #C8ABA2

analogous

#A2C8BE #A2BFC8 #A2ACC8

triadic

#A2BFC8 #C8A2BF #BFC8A2

tetradic

#A2BFC8 #BEA2C8 #C8ABA2 #ACC8A2

square

#A2BFC8 #BEA2C8 #C8ABA2 #ACC8A2

split-complementary

#A2BFC8 #C8A2AC #C8BEA2

monochromatic

#598897 #7CA5B1 #A2BFC8 #C8D9DF #ECF2F4

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

On white

1.94

#A2BFC8 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.82

#A2BFC8 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #A2BFC8

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

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

fg \ bg	##A2BFC8	#FFFFFF	#000000	##000000
##A2BFC8	1.00	1.94	10.82	10.82
#FFFFFF	1.94	1.00	21.00	21.00
#000000	10.82	21.00	1.00	1.00
##000000	10.82	21.00	1.00	1.00

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

Protanopia (red-blind)

#B9BDC9

Deuteranopia (green-blind)

#B3B8C8

Tritanopia (blue-blind)

#97C2C2

Achromatopsia (no color)

#BABABA

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

CSS

--color: #a2bfc8;
/* rgb */ color: rgb(162, 191, 200);
/* oklch */ color: oklch(78.6% 0.034 218.5);

Tailwind

colors: {
  custom: {
    50: '#bed2d8',
    500: '#a2bfc8',
    950: '#000000',
  },
}

SCSS

$custom: #a2bfc8;
$custom-light: #bed2d8;
$custom-dark: #000000;

JSON

{
  "hex": "#a2bfc8",
  "rgb": {
    "r": 162,
    "g": 191,
    "b": 200
  },
  "hsl": {
    "h": 194.211,
    "s": 25.676,
    "l": 70.98
  },
  "oklch": {
    "l": 0.78595,
    "c": 0.03393,
    "h": 218.5
  },
  "luminance": 0.49113
}

Semantic roles & 50–950 ramp

primary

#A2BFC8

secondary

#E8E0DE

accent

#5941A4

background

#FBFCFD

surface

#F6F9FA

border

#D0D2D3

text

#121414

muted

#818283

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

معاينة مع #A2BFC8

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

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