#8F97AA#8F97AA

#8F97AA لون فاتح وخافت من عائلة أزرق. الإضاءة النسبية 0.309؛ OKLCH L 67.6% C 0.030 H 267.4°. أفضل لون لنص المتن هو #000000 بتباين 7.18:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#8F97AA
RGBrgb(143, 151, 170)
HSLhsl(222, 14%, 61%)
HSVhsv(222, 16%, 67%)
CMYKcmyk(15.9%, 11.2%, 0%, 33.3%)
CIE-LABlab(62.40, 1.16, -10.90)
CIE-LCHlch(62.40, 10.96, 276.07°)
OKLaboklab(67.62% -0.0013 -0.0295)
OKLCHoklch(67.62% 0.03 267.4)
XYZxyz(29.6483, 30.8747, 42.4198)
Luminance0.3088 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#8F97AA #AAA28F
analogous
#8FA5AA #8F97AA #958FAA
triadic
#8F97AA #AA8F97 #97AA8F
tetradic
#8F97AA #AA8FA5 #AAA28F #8FAA95
square
#8F97AA #AA8FA5 #AAA28F #8FAA95
split-complementary
#8F97AA #AA958F #A5AA8F
monochromatic
#525A6C #6D778F #8F97AA #B2B7C4 #D5D8DF

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

On white

2.93
#8F97AA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.18
#8F97AA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #8F97AA
7.18:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##8F97AA#FFFFFF#000000##000000
##8F97AA1.002.937.187.18
#FFFFFF2.931.0021.0021.00
#0000007.1821.001.001.00
##0000007.1821.001.001.00

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

Protanopia (red-blind)
#9198AB
Deuteranopia (green-blind)
#8F96AA
Tritanopia (blue-blind)
#899B9D
Achromatopsia (no color)
#979797

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

CSS
--color: #8f97aa;
/* rgb */ color: rgb(143, 151, 170);
/* oklch */ color: oklch(67.6% 0.030 267.4);
Tailwind
colors: {
  custom: {
    50: '#b0b5c3',
    500: '#8f97aa',
    950: '#000000',
  },
}
SCSS
$custom: #8f97aa;
$custom-light: #b0b5c3;
$custom-dark: #000000;
JSON
{
  "hex": "#8f97aa",
  "rgb": {
    "r": 143,
    "g": 151,
    "b": 170
  },
  "hsl": {
    "h": 222.222,
    "s": 13.706,
    "l": 61.373
  },
  "oklch": {
    "l": 0.67624,
    "c": 0.02952,
    "h": 267.4
  },
  "luminance": 0.30875
}

Semantic roles & 50–950 ramp

primary
#8F97AA
secondary
#CFCCC5
accent
#824E98
background
#FAFBFB
surface
#F4F6F7
border
#CED0D0
text
#101112
muted
#7F8081

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

معاينة مع #8F97AA

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

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

#8F97AA — Tintiva