#6FA4BA#6FA4BA

#6FA4BA لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.335؛ OKLCH L 69.0% C 0.065 H 225.9°. أفضل لون لنص المتن هو #000000 بتباين 7.70:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#6FA4BA
RGBrgb(111, 164, 186)
HSLhsl(198, 35%, 58%)
HSVhsv(198, 40%, 73%)
CMYKcmyk(40.3%, 11.8%, 0%, 27.1%)
CIE-LABlab(64.54, -11.76, -16.85)
CIE-LCHlch(64.54, 20.55, 235.09°)
OKLaboklab(68.97% -0.0449 -0.0464)
OKLCHoklch(68.97% 0.065 225.9)
XYZxyz(28.6909, 33.4738, 51.3941)
Luminance0.3348 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#6FA4BA #BA856F
analogous
#6FBAAA #6FA4BA #6F7EBA
triadic
#6FA4BA #BA6FA4 #A4BA6F
tetradic
#6FA4BA #AA6FBA #BA856F #7EBA6F
square
#6FA4BA #AA6FBA #BA856F #7EBA6F
split-complementary
#6FA4BA #BA6F7E #BAAA6F
monochromatic
#396476 #4C879F #6FA4BA #98BECE #C2D8E2

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

On white

2.73
#6FA4BA on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.70
#6FA4BA on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #6FA4BA
7.70:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##6FA4BA#FFFFFF#000000##000000
##6FA4BA1.002.737.707.70
#FFFFFF2.731.0021.0021.00
#0000007.7021.001.001.00
##0000007.7021.001.001.00

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

Protanopia (red-blind)
#98A1BB
Deuteranopia (green-blind)
#8D99BA
Tritanopia (blue-blind)
#51ABAB
Achromatopsia (no color)
#9C9C9C

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

CSS
--color: #6fa4ba;
/* rgb */ color: rgb(111, 164, 186);
/* oklch */ color: oklch(69.0% 0.065 225.9);
Tailwind
colors: {
  custom: {
    50: '#9bbfce',
    500: '#6fa4ba',
    950: '#000000',
  },
}
SCSS
$custom: #6fa4ba;
$custom-light: #9bbfce;
$custom-dark: #000000;
JSON
{
  "hex": "#6fa4ba",
  "rgb": {
    "r": 111,
    "g": 164,
    "b": 186
  },
  "hsl": {
    "h": 197.6,
    "s": 35.211,
    "l": 58.235
  },
  "oklch": {
    "l": 0.68965,
    "c": 0.06458,
    "h": 225.9
  },
  "luminance": 0.33476
}

Semantic roles & 50–950 ramp

primary
#6FA4BA
secondary
#D1BCB3
accent
#7D5DCB
background
#F9FBFC
surface
#F2F7F9
border
#CCD0D2
text
#0E1213
muted
#7E8182

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

معاينة مع #6FA4BA

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

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

#6FA4BA — Tintiva