#9BB0DC#9BB0DC

#9BB0DC لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.432؛ OKLCH L 75.7% C 0.068 H 264.9°. أفضل لون لنص المتن هو #000000 بتباين 9.64:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#9BB0DC
RGBrgb(155, 176, 220)
HSLhsl(221, 48%, 74%)
HSVhsv(221, 30%, 86%)
CMYKcmyk(29.5%, 20%, 0%, 13.7%)
CIE-LABlab(71.68, 2.78, -24.53)
CIE-LCHlch(71.68, 24.68, 276.46°)
OKLaboklab(75.67% -0.0061 -0.0675)
OKLCHoklch(75.67% 0.068 264.9)
XYZxyz(41.9575, 43.1851, 73.8211)
Luminance0.4319 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#9BB0DC #DCC79B
analogous
#9BD0DC #9BB0DC #A69BDC
triadic
#9BB0DC #DC9BB0 #B0DC9B
tetradic
#9BB0DC #DC9BD0 #DCC79B #9BDCA6
square
#9BB0DC #DC9BD0 #DCC79B #9BDCA6
split-complementary
#9BB0DC #DCA69B #D0DC9B
monochromatic
#4169BB #6E8CCC #9BB0DC #C8D4EC #E8EDF7

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

On white

2.18
#9BB0DC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.64
#9BB0DC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #9BB0DC
9.64:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##9BB0DC#FFFFFF#000000##000000
##9BB0DC1.002.189.649.64
#FFFFFF2.181.0021.0021.00
#0000009.6421.001.001.00
##0000009.6421.001.001.00

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

Protanopia (red-blind)
#A2B3DE
Deuteranopia (green-blind)
#9CADDB
Tritanopia (blue-blind)
#89B9BF
Achromatopsia (no color)
#B0B0B0

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

CSS
--color: #9bb0dc;
/* rgb */ color: rgb(155, 176, 220);
/* oklch */ color: oklch(75.7% 0.068 264.9);
Tailwind
colors: {
  custom: {
    50: '#bac7e7',
    500: '#9bb0dc',
    950: '#000000',
  },
}
SCSS
$custom: #9bb0dc;
$custom-light: #bac7e7;
$custom-dark: #000000;
JSON
{
  "hex": "#9bb0dc",
  "rgb": {
    "r": 155,
    "g": 176,
    "b": 220
  },
  "hsl": {
    "h": 220.615,
    "s": 48.148,
    "l": 73.529
  },
  "oklch": {
    "l": 0.7567,
    "c": 0.06777,
    "h": 264.9
  },
  "luminance": 0.43187
}

Semantic roles & 50–950 ramp

primary
#9BB0DC
secondary
#EEE9DD
accent
#8C2ABB
background
#FBFCFE
surface
#F6F8FC
border
#D0D1D5
text
#121316
muted
#818284

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

معاينة مع #9BB0DC

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

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

#9BB0DC — Tintiva