#678FA7#678FA7

#678FA7 لون فاتح وخافت من عائلة سماوي. الإضاءة النسبية 0.253؛ OKLCH L 63.0% C 0.057 H 235.2°. أفضل لون لنص المتن هو #000000 بتباين 6.06:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#678FA7
RGBrgb(103, 143, 167)
HSLhsl(203, 27%, 53%)
HSVhsv(203, 38%, 65%)
CMYKcmyk(38.3%, 14.4%, 0%, 34.5%)
CIE-LABlab(57.38, -7.51, -17.03)
CIE-LCHlch(57.38, 18.61, 246.19°)
OKLaboklab(62.95% -0.0326 -0.0469)
OKLCHoklch(62.95% 0.057 235.2)
XYZxyz(22.3887, 25.3172, 40.2587)
Luminance0.2532 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#678FA7 #A77F67
analogous
#67A79F #678FA7 #676FA7
triadic
#678FA7 #A7678F #8FA767
tetradic
#678FA7 #9F67A7 #A77F67 #6FA767
square
#678FA7 #9F67A7 #A77F67 #6FA767
split-complementary
#678FA7 #A7676F #A79F67
monochromatic
#364F5D #4D6F84 #678FA7 #8EACBD #B5C8D4

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

On white

3.46
#678FA7 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.06
#678FA7 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #678FA7
6.06:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##678FA7#FFFFFF#000000##000000
##678FA71.003.466.066.06
#FFFFFF3.461.0021.0021.00
#0000006.0621.001.001.00
##0000006.0621.001.001.00

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

Protanopia (red-blind)
#848EA8
Deuteranopia (green-blind)
#7B87A7
Tritanopia (blue-blind)
#509597
Achromatopsia (no color)
#8A8A8A

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

CSS
--color: #678fa7;
/* rgb */ color: rgb(103, 143, 167);
/* oklch */ color: oklch(63.0% 0.057 235.2);
Tailwind
colors: {
  custom: {
    50: '#95afc1',
    500: '#678fa7',
    950: '#000000',
  },
}
SCSS
$custom: #678fa7;
$custom-light: #95afc1;
$custom-dark: #000000;
JSON
{
  "hex": "#678fa7",
  "rgb": {
    "r": 103,
    "g": 143,
    "b": 167
  },
  "hsl": {
    "h": 202.5,
    "s": 26.667,
    "l": 52.941
  },
  "oklch": {
    "l": 0.62953,
    "c": 0.05708,
    "h": 235.2
  },
  "luminance": 0.25319
}

Semantic roles & 50–950 ramp

primary
#678FA7
secondary
#C3B1A7
accent
#8865C3
background
#F9FAFB
surface
#F2F4F7
border
#CCCED0
text
#0D1012
muted
#7E7F81

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

معاينة مع #678FA7

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

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

#678FA7 — Tintiva